@font-face {
    font-family: 'montserrat';
    src: url(../Toaster-stuff/Montserrat-VariableFont_wght.ttf);
}


*{
margin:0;
padding:0;
box-sizing: border-box;
font-family:'poppins', sans-serif;
}


.hero{
    min-height: 100vh;
    width: 100%;
    background-color: black;
    background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn.kibrispdr.org%2Fdata%2F1792%2Fpixel-art-gif-wallpaper-1920x1080-33.gif&f=1&nofb=1&ipt=6578324fb77e5cdcbcb629d5f7f10589274d0a48209877470188b61f795c2dcc&ipo=images);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    padding: 0 8%;
}

.hero div{
    height: 44px; 
}


nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 3px solid #fff;

}

nav ul li{
    display: inline-block;
    list-style: none;
    margin: 10px 30px;
}
nav ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 23px;
}

.hero h1{
    font-family: 'montserrat';
    font-size: 50p;
}

ul {list-style-type: none;}
body {font-family: Verdana, sans-serif;}

nav h1 {
font-family: 'montserrat' ;
font-size: 50px;
}