@font-face {
     font-family: 'mimicdos';
     font-style: normal;
     font-weight: normal;
     src: url('/fonts/FSEX300.woff2') format('woff2');
}
 body {
     background-color: #2e2e3a;
     color: #bbb8b2;
     height: 100%;
     font-family: 'mimicdos', monospace;
     overflow: auto;
     width: 1120px;
     margin: 0 auto;
}
 .container {
     background-color: #2e2e3a;
     border-radius: 10px;
     margin: 25px;
     padding: 30px;
}
 main {
     display: flex;
     margin: 25px 0 0 0;
}
 aside {
     width: 420px;
     padding: 0 40px 0 0;
     flex: none;
}
 .latest {
     margin-top: 50px;
}
 .latest a {
     letter-spacing: -0.75px;
}
 ul {
     list-style: none;
     padding-left: 0;
}
 header {
     margin: 0 0 15px 0;
}
 .header-separator {
     border-bottom: 2px solid;
}
 .header-container {
     align-items: center;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
     width: 100%;
}
 .nav-logo {
     font-size: 20px;
}
 .nav-logo:hover {
     color: #ff5f5f;
}
 .prompt {
     color: #bbb8b2;
}
 .prompt-color {
     text-decoration: none;
     color: #bbb8b2;
}
 .nav-links a {
     margin-right: 8px;
}
 .nav-links a:last-child {
     margin-right: 0;
}
 .nav-links a:hover {
     color: #ff5f5f;
}
 .cursor {
     animation: blink 1.3s infinite;
     color: #ff5f5f;
}
 @keyframes blink {
     0%, 50% {
         opacity: 1;
    }
     51%, 100% {
         opacity: 0;
    }
}
 h1, h2 {
     color: #ff5f5f;
     margin: 0;
}
 h3 {
     color: #dedede 
}
 footer, strong {
     color: #bfbfbf;
}
 p, pre {
     font-weight: bold;
}
 a, a:visited, a:hover, a:active, a:focus {
     color: #75b8c8;
}
 .info-container {
     display: flex;
     align-items: flex-start;
}
 .ascii-art {
     margin: 0 35px 0 0;
     font-size: 11px;
     color: #ddd9d9;
     text-shadow: 0px 0.25px 0.75px;
}
 .system-pair {
     display: flex;
     align-items: flex-start;
}
 .system-info-wrapper {
     flex-direction: column;
     align-items: flex-start;
}
 .system-info {
     font-size: 14px;
     line-height: 1.6;
     margin-top: 40px;
}
 .system-info .label {
     color: #ff5f5f;
     font-weight: bold;
}
 footer {
     margin: 40px 0 0 0;
}
 .copyright {
     display: flex;
     align-items: center;
     font-size: 13px;
}
 .copyright span {
     color: #bbb8b2;
     white-space: nowrap;
     height: 100%;
}
 .right-line {
     flex: 1;
     border: none;
     height: 1px;
     background-color: #bbb8b257;
     margin-left: 8px;
}
 .btn {
     background-color: transparent;
     border: 2px solid #bbb8b2;
     color: #bbb8b2;
     cursor: pointer;
     font-size: 11px;
     font-family: "mimicdos";
     margin: 15px 0 0 0;
     padding: 3px 6px 3px 6px;
}

