:root{--primary-color: #1a1a2e;--accent-color: #e94560;--bg-color: #fff;--text-color: #333;--font-family: "Grape Nuts", cursive;--line-color: rgba(0, 0, 255, .1);--margin-line: rgba(255, 0, 0, .5);--margin-line-fade: rgba(255, 0, 0, .1);--highlight-color: rgba(98, 203, 216, .7);--highlight-hover-color: rgba(216, 161, 98, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:1.3rem;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;background-image:repeating-linear-gradient(to bottom,white,white 23px,var(--line-color) 25px);padding:0 3rem;position:relative}body:before{content:"";position:absolute;top:0;bottom:0;left:2rem;width:1px;background-color:var(--margin-line);z-index:0}body:after{content:"";position:absolute;top:0;bottom:0;right:2rem;width:1px;background-color:var(--margin-line-fade);z-index:0}header{color:var(--primary-color);padding:1rem;text-align:center}nav{display:flex;flex-direction:column;align-items:center}nav a{color:var(--primary-color);text-decoration:none;padding:1rem;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);font-size:1.5rem}section{margin-bottom:2rem;position:relative;z-index:1}ul{list-style-type:disc;margin-left:2rem}.projects article{background-color:#ff9;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.projects article img{max-width:100%;height:auto;display:block;margin-bottom:.5rem}footer{color:var(--primary-color);text-align:center;padding:1rem;font-size:.9rem}.skewed-highlight{position:relative;display:inline-block}.skewed-highlight:after{content:"";position:absolute;left:-.2em;right:-.2em;bottom:0;height:1.1em;background-color:#62cbd8b3;transform:skew(-10deg);z-index:-1}.skewed-highlight:hover:after{background-color:#f5bd7d9c}@media (min-width: 768px){nav{flex-direction:row;justify-content:center}nav a{border:none;border-right:1px solid rgba(255,255,255,.2);width:auto}nav a:last-child{border-right:none}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}