@font-face {
    font-family: lemon-milk;
    src: url(fonts/lemon_milk/LEMONMILK-Regular.otf);
}

@font-face {
    font-family: quicksand;
    src: url(fonts/quicksand/Quicksand_Book.otf);
}

@font-face {
    font-family: quicksliver;
    src: url(fonts/quicksilver_3/Quicksilver.ttf);
}

@font-face{
    font-family: exepixelperfect;
    src: url(fonts/exepixelperfect/EXEPixelPerfect.ttf);
}

body{
    background-color: rgb(0, 0, 0);
    align-items: end;
    overflow-x: hidden;
}

.wrapper{
    width:70vw;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5vw;
}
.flex-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.flex-column{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.button-link{
    padding: 0;
    margin: 0;
    text-decoration: 0;
}

.nav-bar{
    background-color: rgb(231, 231, 231);
    color: rgb(29, 28, 31);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:0;
    left: 0;
    width: 100vw;
}

.nav-bar a {
    text-decoration: none;
    color:rgb(69, 69, 69) ;
    margin: 0.5vw;
    font-size: smaller;
    font-weight: 100;
    padding-bottom: 0;
}

.landing-banner{
    background-image: url(images/vidshare-banner.jpg);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    position: absolute;
    top: 2vw;
    left: 0;
    font-family:quicksand;
}

.landing-banner h1{
    font-size: 8vw;
    margin: 0;
    margin-bottom: 2vw;
    padding-top: 0;
    color: white;
    font-family: quicksilver;
}

.landing-banner h2{
     margin-top: 1vw;
     margin-bottom: 0;
    font-size: 6vw;
    color: white;
}

.disclaimer-container{
    margin:10vw;
    padding:1vw;
    text-align: center;
    background-color: aliceblue;
    border-radius: 3vw;
}

.disclaimer-container p {
    font-family: quicksand;
    font-size: 2vw;
}

.disclaimer-container h1{
    font-family:quicksilver;
    font-size:3vw;
}

.disclaimer-button{
    background-image: url(images/vidshare-banner.jpg);
    text-align: left;
    font-family:quicksilver;
    font-size:3vw;
    color: aliceblue;
    width:min-content;
    margin-left: auto;
    margin-right: auto;
    padding:1vw;
    padding-right:1.5vw;
    border-radius: 1vw;
}

.disclaimer-button:hover{
    filter: hue-rotate(-75deg);
}