@font-face {
    font-family:'Marhiel';
    src:url(fonts/Marhiel.otf);
}
@font-face {
    font-family:'Tango Sans';
    src:url(fonts/TangoSans.ttf);
}
@font-face {
    font-family:'Info Story';
    src:url(fonts/InfoStory.otf);
}
@font-face {
    font-family:'Garet Book';
    src:url(fonts/Garet-Book.otf);
}
p {
    text-align: center;
}
h1 {
    text-align: center;
    font-family:'Marhiel';
    letter-spacing: 2px;
    font-size: xxx-large;
}
h2 {
    text-align: center;
    font-family:'Tango Sans';
    font-weight:lighter;
}
h3 {
    text-align: center;
    font-family:'Tango Sans';
    font-weight: lighter;
}
p {
    text-align: center;
    font-family:'Garet Book';
    font-weight: 800;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
}
div {
    text-align: center;
}
nav {
    display: flex;
    justify-content: center;
}
.menu {
    overflow: hidden;
}
.menu a {
    font-family:'Info Story';
    font-size: x-large;
    float: none;
    display: block;
    color: black;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
}
button{
    outline: none;
    color: black;
    background-color: white;
    border: 0px solid black;
    font-size:16px;
    transition:0.2s;
}
.button:hover{
    color:white;
    background-color: black;
    transition:0.2s;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
}