@font-face {
    font-family: sedgwickAve;
    src: url(fonts/SedgwickAveDisplay-Regular.ttf);
}
@font-face {
    font-family: DynaPuff;
    src: url(fonts/DynaPuff/static/DynaPuff/DynaPuff-Regular.ttf);
}
* {
    font-family: DynaPuff;
    color: #2980b9;
}
h1, h2, h3, h4 {
    font-family: sedgwickAve;
    color: #2980b9;
}
nav {
    width: 60%;
    margin-left: 30%;
    margin-right: auto;
    top:0;
}
ul {
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}
nav ul {
    background-color: black;
    position: fixed;
    border-radius: 7px;
    
}
li {
    display: block;
    float: left;

    padding: 0px 0px;
}
button {
    text-align: center;
    color: rgba(180, 101, 55, 1);
    border-style: none;
    padding: 14px 16px;
    background-color:unset;
    font-size:x-large;
}
button:hover {
    background-color: dimgray;
}
body {
    background-color: rgb(26, 31, 31);
}