@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body {
    background-color:#000;
    text-transform:uppercase;
}

.contained {
    width:800px;
    margin:auto;
    background:transparent;
}

.sidebar {
    width:150px;
    height:100vh;
    background:transparent;
    float:left;
    margin-right:40px;
    margin-top:0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.panz {
    width:100%;
    margin:auto;
    margin-top:16px;
    padding:0px;
    text-align:center;
    align-items:center;
    justify-content:center;
}

.panz img {
    margin:auto;
    margin-bottom:15px;
    display:block;
}

.sideitems {
    border-collapse:collapse;
    width:100%;
}

.sideitems td {
    background:transparent;
    color:#0650ff;
    font-family:monospace;
    text-decoration:none;
    text-shadow:0px 0px 2px #0650ff;
    border:2px solid #0650ff;
    box-shadow:0px 0px 2px #0650ff;
    padding:6px;
}

.sideitems .neutral {
    font-family:monospace;
    color:#c9e5ff;
    text-shadow:0px 0px 2px #3072ff;
    margin-left:200px;
}

.sideitems a {
    color:#fc0301;
    font-family:monospace;
    text-decoration:none;
    text-shadow:0px 0px 2px #fc0301;
}

.sideitems a:hover {
    color:#edbe33;
    font-family:monospace;
    text-decoration:none;
    text-shadow:0px 0px 2px #edbe33;
}

.hiya {
    background-color:#0650ff;
}

.hiya td {
    color:#000;
    text-shadow:0px 0px 1px #000;
}

.subitem {
    text-indent:15px;
}

.updates::after {
    content:"4/10/25 \A > PROFILE UPDATED, NEW JOURNAL POST, GENERAL TWEAKS AND FIXES.";
    white-space:pre-wrap;
}

.main {
    font-family:monospace;
    color:#c9e5ff;
    text-shadow:0px 0px 2px #3072ff;
    margin-left:200px;
}




/* utility classes */

h1 {
    font-family: 'VT323', monospace;
    font-size:50px;
    padding:0px; 
    margin:0px;
}

h2 {
    font-family: 'VT323', monospace;
    font-size:30px;
    padding:0px; 
    margin:30px 0px 0px 0px;
}

.biglink {
    font-family: 'VT323', monospace;
    text-decoration:none;
}

.biglink:hover {
    font-family: 'VT323', monospace;
    text-decoration:none;
}

p {
    margin-top:0px;
}

a {
    color:#fc0301;
    font-family:monospace;
    text-decoration:none;
    text-shadow:0px 0px 2px #fc0301;
}

a:hover {
    color:#edbe33;
    font-family:monospace;
    text-decoration:none;
    text-shadow:0px 0px 2px #edbe33;
}

hr {
    padding:0px;
    margin-top:30px;
    border: 1px solid #3072ff;
    opacity:0.4;
}
