@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2vw;

    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;

    scroll-behavior: auto;

    line-height: 1;

    color: var(--c1);

    &,
    &::after,
    &::before {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
}

:root {
    --c1: #FF204E;
    --c2: #A0153E;
    --c3: #5D0E41;
    --c4: #00224D;
    --c5: #ffeb20;
    --w: #fff;
    
    --fn10: calc(3px *4);
    --fn25: calc(6px *4);
    --fn30: calc(8px *4);
    --fn40: calc(10px *4);
    --fn50: calc(12px *4);
    --fn75: calc(18px *4);
    --fs_ht: 8vh;
    --f1: calc(25px *4);
    --f1n25: calc(32px *4);
    --f1n50: calc(36px *4);
    --f1n75: calc(42px *4);
    --f2: calc(52px *4);
}

body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;

    position: relative;
    width: 100dvw;
    background-color: var(--c4);
}

a {
    cursor: pointer;
    text-decoration: none;
    text-decoration-color: none;

    &, &:hover, &:visited {
        color: var(--c1);
    }
}

#app {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;

    width: 80dvw;
}

#logo {
    margin: 32px;
    font-size: 64px;
    font-weight: 300;
}







::-webkit-scrollbar {
    width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}
  
/* Handle */
::-webkit-scrollbar-thumb {
    background: transparent;
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}