html{background-color:#000}.main-container{background-color:brown;display:flex}.page{margin-left:20%;margin-right:auto;width:70%}.page h1{margin:auto}ul{list-style:none;position:fixed;margin-top:0;margin-left:0;background-color:#000;width:10%;height:100%;padding-top:3rem}li{padding-bottom:1rem;margin-left:0}.nav-bar{color:#fff}.nav-bar:hover{background-color:#242424;font-size:large;cursor:pointer}.social{padding-top:.2rem;padding-bottom:2rem}.social a{margin:0 .5rem}.fa-twitter{color:#08eae9}.fa-github{background-color:#fff;border-radius:50%;color:#000;border:1px solid white}.fa-facebbok{color:#4267b2}.fa-instagram{border-radius:50%;background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}.home-page{background-color:#000;width:100%;text-align:center}.content{display:flex;background-color:#fff;justify-content:center}.content-item{background-color:#fff;color:#000;display:flex;width:40%;margin-left:auto;margin-right:auto;margin-bottom:1rem;margin-top:1rem}.content-item>article{margin-top:auto;margin-bottom:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:skyblue}::-webkit-scrollbar-thumb{background:#87ceeb;border-radius:8px;scrollbar-width:thin}