@font-face {
    font-family: 'Violet Sans';
    src: url(VioletSans-Regular.woff2);
}

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&display=swap');

@font-face {
    font-family: "Space Grotesk";
    src: url(SpaceGrotesk[wght].woff2);
}

::selection {
    background-color: #fff;
    color: #000;
}

/* Works on Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #fff #000;
}
  
  /* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}
  
*::-webkit-scrollbar-track {
    background: #000;
}
  
*::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    border: solid #000 3px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a0;
}

body {
    margin: 0;
    padding: 0;
    background-color: #000;
}

ol,ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    border: solid #000 2px;
    position: fixed
}

li.navItem {
    float: right;
    transition: 0.1s;
    border-style: solid;
    border-color: #000;
    border-width: 0px 0px 0px 2px;
}

li.navItem:hover {
    background-color: #000;
    transition: 0.1s;
}

li.navLogo {
    float: left;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 0px 0px;
    height: 47px;
}

li a {
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: 'Violet Sans';
    transition: 0.1s;
}

li a:hover {
    color: #fff;
    transition: 0.1s;
}

div.homeBox {
    display: flex;
    align-items: center;
}

h1.bannerText {
    font-size: 30rem;
    font-family: 'Space Grotesk';
    color: #fff;
    margin: 5%;
    animation-name: breathing;
    animation-duration: 15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

@keyframes breathing {
    0% {
        font-weight: 400;
    }
    50% {
        font-weight: 800;
    }
    100% {
        font-weight: 400;
    }
}