* {
    /* Couleurs */
    --primary: #0044fe;
    --secondary: #ffffff;
    --filterPrimary: invert(14%) sepia(93%) saturate(5725%) hue-rotate(228deg) brightness(101%) contrast(109%);

    scroll-behavior: smooth;
}


body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;

    justify-content: center;
    text-align: center;

    font-family: effra trial, sans-serif;

    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    width: fit-content;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}

main {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y proximity;
}

.magnet { /* class for magnetic section */
    scroll-snap-align: center;
}

a:hover {
    cursor: pointer;
}

em {
    font-style: normal;
    font-weight: 500;
    color: var(--primary)
}

i {
    font-size: 10px;
}

.blueLetter {
    color: var(--primary)
}


.row {
    display: flex;
    flex-flow: row;
}