:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:18px;color-scheme:light dark;color:light-dark(#293E40,#C0C2C3);background-color:light-dark(#C0C2C3,#293E40);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{text-align:center;margin:auto;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:light-dark(#293E40,#C0C2C3);text-decoration:inherit;padding:5px}a:hover{color:#546a8d}#home,#projects,#skills,#about{padding-top:8em;padding-left:2em;padding-right:2em}#contacts{padding:8em 2em}#leftnav{background-color:light-dark(#C0C2C3,#293E40);border:2px solid #546A8D;border-radius:8px;margin:1em;padding:.5em;text-align:left;z-index:9999;flex-grow:2;position:fixed;top:0;left:0}#rightnav{background-color:light-dark(#C0C2C3,#293E40);border:2px solid #546A8D;border-radius:8px;margin:1em;padding:.5em;text-align:left;z-index:9999;flex-grow:2;position:fixed;top:0;right:0}@media (max-width: 520px){#rightnav{right:auto;left:47%;transform:translate(-50%);top:4em}}.card{background-color:light-dark(#C0C2C3,#293E40);border:2px solid #546A8D;border-radius:8px;margin:2em;padding:2em;max-width:20em;min-width:20%}.container{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}