@font-face {                  
    font-family: 'MonoBiletik';
    src: url(https://humantooth.neocities.org/fonts/Mono-Biletik-Regular.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
} 

@font-face {                  
    font-family: 'NeoDgm';
    src: url(https://humantooth.neocities.org/fonts/neodgm_pro.woff) format('woff');
    font-weight: normal;
    font-style: normal;
} 

@font-face {                  
    font-family: 'BBBInvader';
    src: url(https://humantooth.neocities.org/fonts/BBBInvader-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
} 

html {
    font-family: 'Arial', sans-serif;
    margin: 0;
}

body {
    background-color: #f0f0f0;
    color: #808080;
    margin: 15;
    max-width: 100%;
}

a {
    color: #808080;
}

main h1 {
    font-family: 'BBBInvader';
    text-decoration: none;
    position: relative;
    background-color: #808080;
    border: 6px double #f0f0f0;
    color: #f0f0f0;
    font-size: 16px;
    padding: 5px;
    margin-top: 1px
}

header {
    position: relative;
    background-image: url("Placeholder.png");
    background-size: cover;
    background-position: center;
    font-size: 56px;
    line-height: 0;
    padding: 15px;

}

header h1 {
    font-family: 'BBBInvader';
    position: absolute;
    line-height: 0;
    top: 15%;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 56px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    width: 100%;
}

/* navbar */
nav {
    font-family: 'NeoDgm';
    font-size: 20px;
    position: relative;
    background-color: #f0f0f0;
    border: 6px double #808080;
    color: #808080;
    padding: 10px;
}

footer {
    font-family: 'NeoDgm';
    position: relative;
    color: #808080;
    padding: 10px;
    text-align: center;
}

/* this is where stuff that isnt the header and nav go */
main {
    font-family: 'NeoDgm';
    font-size: 20px;
    max-width: 50%;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    position: relative;
    background-color: #f0f0f0;
    border: 6px double #808080;
    color: #808080;
    padding: 10px;
}

.split {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.split > div {
    flex: 1 1 0;
    width: 100%;
}