@import url("https://fonts.googleapis.com/css2?family=Gabarito&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500&display=swap");

:root
{
    --dark: #0c0c0c;
    --white: #efefef;
    --hover: #ababab;
    --active: #959595; 
    --regular_font: "Fraunces", serif;
    --title_font: "Instrument Serif", serif;
    --mobile_width: 560px;
}

body
{
    background-color: var(--dark);
    color: var(--white);
    font-family: var(--regular_font);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body:before
{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, var(--dark) 70%, #101010);
}