html{--12px:.74rem;--14px:.875rem;--16px:1rem;--18px:1.125rem;--20px:1.25rem;--24px:1.5rem;--32px:2rem;--38px:2.375rem}body{background-color:#131516;font-family:IBM Plex Mono,monospace}h1{font-size:var(--32px);line-height:38.4px}p{font-size:var(--18px);color:#d6d3cf;line-height:27px}ul{list-style:none}a{color:#d6d3cf}.subheader{font-weight:700}.link-arrow{display:inline-block;transform:scaleX(-1)}.header{position:relative}.svg1,.svg2{fill:#d6d3cf;width:100%;height:auto}.svg2{position:absolute;top:0;left:0}.main{margin-top:var(--38px);padding:0 var(--12px)}.projects{margin-top:var(--38px)}.footer{padding:0 var(--12px);margin-top:var(--38px)}.personal{margin-top:var(--38px)}.personal p{font-size:var(--12px);margin:0;padding:0}.copyright{text-align:center;font-size:var(--12px)}@media (width>=768px){.main,.footer{padding:0 80px}}@media (width>=1024px){.main,.footer{padding:0 120px}}@media (width>=1280px){.main,.footer{padding:0 180px}}