@font-face {
    font-family: 'Nebula Black';
    src: url(NebulaSans-Black.otf)
}
@font-face {
    font-family: 'Nebula Bold';
    src: url(NebulaSans-Bold.otf)
}
@font-face {
    font-family: 'Nebula Semibold';
    src: url(NebulaSans-Semibold.otf)
}
@font-face {
    font-family: 'Nebula Medium';
    src: url(NebulaSans-Medium.otf)
}
@font-face {
    font-family: 'Nebula Book';
    src: url(NebulaSans-Book.otf)
}
@font-face{
    font-family: 'Nebula Light';
    src: url(NebulaSans-Light.otf)
}
* {
    margin: 20;
    padding: 20;
    box-sizing: border-box;
}
h1 {
    font-family: 'Nebula Black';
}
h2 {
    font-family: 'Nebula Bold';
}
h3 {
    font-family: 'Nebula Semibold';
}
p {
    font-family: 'Nebula Book';
}
body {
    padding: 20px;
    background-color: white;
}
button {
    font-family: 'Nebula Medium';
    font-size: large;
    height: 50px;
    max-width: 200px;
}
button:hover {
    height: 75px;
}
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: ghostwhite;
}
.post {
    background-color: ghostwhite;
    padding: 20px;
    margin-top: 20px;
}
.content {
    background-color: lightgray;
    padding: 5px;
}
footer {
    background-color: ghostwhite;
    padding: 20px;
    margin-top: 20px;
}
.bimg {
    max-height: 500px;
}
.pdf {
    height: 30px
}
.pdf:hover {
    height: 30px;
}