.header {
 min-width: 1500px;
 max-width: 1500px;
 height: auto;
 background-color: #0077A7;
}
.break {
 height: 15px;
 background-color: #414141;
 border-bottom: 2px solid #fff;
}
.top {
 background-image: linear-gradient(to top, #212121, #000, #000);
 display: flex;
 align-items: center;
 height: 25px;
}
.banner {
 height: 300px;
 width: auto;
 background-image: url('https://thenightmareengine.neocities.org/assets/img/banannered.png'); 
 background-size: 100%;
 background-position: 0px -45px;
 position: relative;
}
.navigation {
 display: flex;
 align-items: flex-end;
 position: absolute;
 bottom: 0;
}
.navigation .logo {
 width: 350px;
 height: 150px;
 border-radius: 15px 15px 0 0;
 border: 2px solid #212121;
 border-bottom: none;
 background-image: linear-gradient(to bottom, #212121, #000, #000, #000);
 margin-left: 15px;
 display: flex;
 align-items: center;
 padding: 7px;
 padding-right: 20px;
 padding-bottom: 0;
 margin-right: 25px;
}
.navigation .logo img {
 width: 135px;
 margin: 7px;
 margin-right: 20px;
 border-radius: 10px;
 border: 1px solid #fff;
}
.navigation .logo .info {
 width: 200px;
}
.navigation .logo .info .title {
 font-size: 35px;
 font-weight: bold;
 font-variant: small-caps;
 font-family: serif;
 margin: 0;
 padding: 0;
}
.navigation .logo .info .nickname {
 color: #777777;
 font-size: 10px;
 font-style: italic;
 margin: 0;
 padding: 0;
}
.navigation .logo .info .desc {
 font-size: 10px;
 text-align: justify;
}
.navigation .nav {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100px;
 margin-left: 3px;
}
.nav button {
 background-image: linear-gradient(to bottom, #212121, #000, #000);
 padding: 14px;
 width: 100px;
 color: #fff;
 margin: 0;
 border: 2px solid #212121;
 border-bottom: none;
 border-radius: 15px 15px 0 0;
 background-color: #000;
}
.nav button:hover {
 padding-bottom: 16px;
 color: #0077A7;
 background-color: #212121;
}
.nav button:active {
 padding-bottom: 16px;
 color: #fff;
 background-color: #212121;
}
.navigation .status {
 height: 75px;
 width: 250px;
 padding: 14px;
 background-image: linear-gradient(to bottom, #212121, #000, #000);
 border-radius: 15px 15px 0 0;
 margin-left: 275px;
}
.navigation .status h1 {
 font-size: 17px;
 font-family: serif;
 margin-bottom: -8px;
 color: red;
}
.navigation .status p {
 font-size: 10px; 
}
.bottom {
 height: 55px;
 background-image: linear-gradient(to top, #212121, #000, #000);
 border-bottom: 2px solid #212121;
 border-top: 2px solid #212121;
 display: flex;
 align-items: center;
}
.bottom .about {
 display: flex;
 align-items: center;
 margin-top: 5px;
 margin-left: 25px;
 border: 2px solid #212121;
 background-color: #000;
 border-radius: 10px;
 padding: 0 15px;
 padding-left: 12px;
 font-size: 11px;
}
.bottom .about img {
 height: 25px;
}
.bottom .about .personal {
 margin-left: 10px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 height: 40px;
}
.bottom .about .personal p {
 border-left: 2px solid #777777;
 padding-left: 15px;
}
.bottom .links {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 5px;
 margin-left: 10px;
 height: 40px;
 border: 2px solid #212121;
 background-color: #000;
 border-radius: 10px;
 padding-left: 15px;
 font-size: 11px;
}
.bottom .links img {
 height: 24px;
 border-left: 2px solid #777777;
 margin-right: 10px;
 padding-left: 10px;
}
.bottom .links p {
 font-size: 9px;
 text-align: center;
 width: 50px;
 margin-left: -10px;
}