@font-face{font-family: "Archivo"; src: url('./fonts/Archivo.ttf');}
@font-face{font-family: "Varela"; src: url('./fonts/VarelaRound-Regular.ttf');}
@font-face{font-family: "JetBrains"; src: url('./fonts/JetBrainsMono-VariableFont_wght.ttf');}

.anim-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.alt-font{
    font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    letter-spacing: .01em;
}
.brand-font {
    font-family: Varela;
}
.gradient-font {
    font-weight: bold;
    font-family: Varela;
    color: var(--primary);
    background-image: linear-gradient(45deg, #00bcd4,  #e91e63);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    background-clip: text;
}

.premium-gradient {
    font-family: Varela;
    font-weight: bold;
    background-image: linear-gradient(45deg, var(--primary-lighten),  var(--secondary-lighten));
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 0;
}
.delete {
    color: #e57373;
}