:root{
    --black: #202022;
    --white: #F5fff9;
    --blue: #3B76C4;
    --dblue: #1e366b;
    --drblue: #0F1c37;
    --red: #e73131;
    --lred: #ff4d4d;
    --dred: #b30000;
    --lblue: #736AFF;
    --grey: #c8d9ee;
    --difblack: #01111d;
    --mono: 'Space Mono', monospace;
    --sans: 'Poppins', sans-serif;
    --duration: 2s;
}

.gradient{
    background: linear-gradient(90deg, var(--difblack) 0%, var(--dblue) 30%, var(--blue) 70%, var(--difblack) 100%);
    height: 2px;
}

/*COSMOTHON THEME*/
/*:root{*/ 
/*    --black: #202022;*/
/*    --white: #CACACA;*/
/*    --blue: #9e59b9;*/
/*    --dblue: #8c4fa4;*/
/*    --drblue: #7e4594;*/
/*    --red: #e73131;*/
/*    --lred: #ff4d4d;*/
/*    --dred: #b30000;*/
/*    --lblue: #b363d2;*/
/*    --grey: #878787;*/
/*    --difblack: #333336;*/
/*    --font-size: 0.9rem;*/
/*    --mono: 'Space Mono', monospace;*/
/*    --sans: 'Orbitron', sans-serif;*/
/*    --duration: 2s;*/
/*}*/
/*.gradient{*/
/*    background: linear-gradient(90deg, rgba(65,65,50,1) 0%, #7e4594 15%,#b363d2 50%, #7e4594 85%, rgba(65,65,50,1) 100%);*/
/*    height: 2px;*/
/*}*/

.fresh-looking-button{
    display: inline-block;
    background-color: var(--blue);
    color: var(--black);
    border: none;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: 0.3s;
}
.fresh-looking-button:hover{
    background-color: var(--lblue);
    color: var(--black);
    text-decoration: none;
}
.fresh-looking-button:focus{
    background-color: var(--dblue);
    color: var(--white);
    text-decoration: none;
}