:root{--content-padding:67rem}body{background-color:var(--bg1);font-family:system-ui;color:var(--fg0);margin:0}a{color:var(--blue)}img.logo{filter:var(--logo-filter)}h1,h2,h3,h4,h5{margin:0}a:hover{color:var(--aqua)}code{background-color:var(--bg1);color:var(--orange)}pre{background-color:var(--bg1);border:1px solid var(--bg3)}header::before{content:"";position:absolute;inset:0;background:url(/lanes.svg)repeat 50%/auto 44%;opacity:.2;pointer-events:none}header{position:relative;overflow:hidden;background-color:var(--bg0);display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:auto;max-width:var(--content-padding);border-radius:22px 22px 0 0;border:solid 4px var(--fg1);border-bottom:dashed 4px var(--fg1)}header h1{margin:0}header div.right{display:flex;gap:2rem;align-items:center}header div.left{display:flex;flex-direction:column;gap:.33rem}header div.left div.left-top{display:flex;gap:.5rem;align-items:center;align-self:flex-start;padding:.2rem;background-color:var(--fg0);color:var(--bg0);border-radius:8px}header div.left div.left-top a>img.logo{width:2.5rem}header div.left div.left-bottom{align-self:flex-start}header div.left div.left-bottom nav{padding:.2rem;background-color:var(--fg0);border-radius:8px}header div.left div.left-bottom nav ul li{font-weight:700}header div.left div.left-bottom nav ul li a:hover{color:var(--blue)}header div.left div.left-bottom nav ul li a{color:var(--bg0)}main{margin:auto;padding:2rem;max-width:var(--content-padding)}footer{border-top:solid 4px var(--fg0);box-shadow:0 50vh 0 50vh var(--bg0);background-color:var(--bg0);transform:translate(0,2rem)}footer .footer-container{display:flex;justify-content:center;align-items:center;gap:2rem;transform:translate(0,-3rem);margin:auto;max-width:var(--content-padding)}footer .footer-container .footer-left{display:flex;flex-direction:column;gap:.33rem}footer .footer-container .footer-left p{margin:0}nav>ul{padding:0;margin:0;display:flex;gap:1rem;list-style:none}nav>ul>li>a{text-decoration:none;font-size:1.25rem}h1 a{text-decoration:none;color:var(--fg0)}.socials>a>img{display:block;--icon-size:1.5rem;width:var(--icon-size);height:var(--icon-size)}.iconGit{filter:invert(35%)sepia(80%)saturate(1488%)hue-rotate(340deg)brightness(92%)contrast(94%)}.projectList{padding:1rem;display:flex;gap:1rem}.projectCard{width:18rem;padding:.5rem;display:flex;flex-direction:column;gap:10rem;background-color:var(--bg1);border:solid 1px var(--fg0)}.ram-slot{display:flex;width:var(--content-padding);margin:auto;height:2rem;tranform:translate(0,2rem);background-color:var(--bg0)}.ram-slot-left,.ram-slot-right{background-color:var(--bg0);transform:translate(1.2rem,-3.2rem);height:5rem;width:3rem;z-index:10;border-radius:12px;border:solid 4px var(--fg0)}.ram-slot-right{transform:translate(-1.2rem,-3.2rem)}.ram-slot-body{margin:auto;max-width:var(--content-padding);height:2rem;width:100%;background-color:var(--bg0);border-top:solid 4px var(--fg0);border-left:solid 4px var(--fg0);border-right:solid 4px var(--fg0);transform:translate(0,-2.2rem);border-radius:24px 24px 0 0}