@font-face {
    font-family: Poppins;
    src: url('../font/Poppins.ttf');
}

:root {
    --primary-bg-color-light: #F3F4FE;
    --primary-bg-color-dark: #131213;
    --text-color-light: #322F47;
    --text-color-dark: #FCFDFD;
    --home-text-color: #ED3C57;
    --nav-bg-color-light: #FCFAFE;
    --nav-bg-color-dark: #1E1C1E;
}

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

body {
    background-color: var(--primary-bg-color-light);
    color: var(--text-color-light);
    overflow: hidden;
}

section {
    height: calc(100vh - 100px);
}

a {
    text-decoration: none;
    color: var(--text-color-light);
}

.hidden {
    display: none;
}

.show {
    display: flex;
}

/* Responsive Mobile */
@media screen and (max-width : 1700px){
    section {
        height: calc(100vh - 6vmax);
    }
}