:root{
    --primary-color: #2f3269;
    --text-color: #2f3269;
    --title-font: "Libre Caslon Text";
    --text-font: "Overpass";
    --light-color: #eee;
    --primary-color-hover: #404080;
    font-size: 18px;
}

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

.title-font{
    font-family: var(--title-font), serif;
}

body {
    font-family: var(--text-font), sans-serif;
    color: var(--text-color);
    overflow-x: hidden;
    background-color: var(--light-color);
}

h2{
    font-size: 1.8rem;
}


.anchor{
    position: absolute;
}