@import"https://fonts.googleapis.com/css2?family=Jost:wght@500;700&family=Roboto:wght@400&display=swap";body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:gray}*{margin:0;padding:0;font-family:Roboto,sans-serif}.app.light{--body-background: #FDFDFD;--main-text-color: #020301;--accent-color: #F6F6F6;--indigo: #5b49c2;--magenta: #c9002b;--yellow: #f2bb24;--green: #468700;--cyan: #00747f;--orange: #aa5200;--lilac: #AE81FF}.app.dark{--body-background: #2C292D;--main-text-color: #FDF9F3;--accent-color: #212121;--indigo: #8775f9;--magenta: #FF6188;--yellow: #FFD865;--green: #A9DC76;--cyan: #78DCE8;--orange: #FC9866;--lilac: #AB9DF2}.app{transition:color .15s ease-in-out,background-color .3s ease-in-out;background-color:var(--body-background);color:var(--main-text-color)}html{scroll-padding-top:50px;scroll-behavior:smooth}h1,h2,h3,h4,h5,dt,.title{font-family:Jost,sans-serif}h3{font-size:1.5rem}body{text-align:center}h1{color:var(--green)}header,footer{background:var(--accent-color)}a{color:var(--main-text-color)}main{max-width:800px;padding:0 15px 30px;margin:0 auto}.magenta{color:var(--magenta)}.yellow{color:var(--yellow)}.green{color:var(--green)}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.lilac{color:var(--lilac)}.indigo{color:var(--indigo)}.about h3{margin:25px auto}.about p{margin:0 auto 15px}.profile-pic{border-radius:50%;max-width:60vw;height:auto;margin:0 auto 15px}.contact{margin-top:5px auto}.contact h3{margin:15px auto}.contact-links{margin:0 auto;max-width:300px;width:100%;display:flex;justify-content:space-between}footer{display:flex;justify-content:center;align-items:center;height:38px;padding:0 10px}.footer-links{width:100%;max-width:800px;display:flex;justify-content:space-between}.toggle.light{--toggle-border: #020301;--toggle-background: #439cd8;--sun-position: translateX(-10px);--moon-position: translateX(-21px)}.toggle.dark{--toggle-border: #FDF9F3;--toggle-background: #1E215D;--sun-position: translateX(21px);--moon-position: translateX(10px)}.toggle{transition:background-color .25s linear,border .25s linear;background-color:var(--toggle-background);border:2px solid var(--toggle-border);border-radius:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:36px;height:28px}.toggle span,.toggle input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.toggle:before{content:url("data:image/svg+xml;utf8, %3Csvg enableBackground='new 0 0 20 20' version='1.1' viewBox='0 0 20 20' xmlSpace='preserve' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='m6.2695 0c-0.87891 0-1.7266 0.11328-2.5391 0.32422 4.293 1.125 7.4609 5.0312 7.4609 9.6758s-3.168 8.5508-7.4609 9.6758c0.8125 0.21094 1.6602 0.32422 2.5391 0.32422 5.5234 0 10-4.4766 10-10s-4.4766-10-10-10z' fill='%23ffcc67' /%3E%3C/svg%3E");transform:var(--moon-position)}.toggle:after{content:url("data:image/svg+xml;utf8, %3Csvg enableBackground='new 0 0 20 20' version='1.1' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='%23ffcc67'%3E%3Cpath d='m3.375 11.66-3.375-1.7148 3.375-1.7188z' /%3E%3Cpath d='m16.625 11.66 3.375-1.7148-3.375-1.7188z' /%3E%3Cpath d='m3.3008 7.4375-1.8047-3.3281 3.7539 0.50391z' /%3E%3Cpath d='m16.699 7.4375 1.8047-3.3281-3.7539 0.50391z' /%3E%3Cpath d='m10.609 2.9883 2.8594-2.4844 0.32031 3.7734z' /%3E%3Cpath d='m9.3906 2.9883-2.8594-2.4844-0.32031 3.7734z' /%3E%3Cpath d='m3.3008 12.562-1.8047 3.3281 3.7539-0.50391z' /%3E%3Cpath d='m16.699 12.562 1.8047 3.3281-3.7539-0.50391z' /%3E%3Cpath d='m10.609 17.012 2.8594 2.4844 0.32031-3.7734z' /%3E%3Cpath d='m9.3906 17.012-2.8594 2.4844-0.32031-3.7734z' /%3E%3Cpath d='m9.9414 4.2773c-3.1602 0-5.7227 2.5625-5.7227 5.7227s2.5625 5.7227 5.7227 5.7227 5.7227-2.5625 5.7227-5.7227-2.5625-5.7227-5.7227-5.7227z' /%3E%3C/g%3E%3C/svg%3E");transform:var(--sun-position)}.toggle:before,.toggle:after{height:20px;width:20px;transition:transform .25s linear;flex:none}header{height:137px;width:100%;z-index:1;position:sticky;top:-100px}header h2{font-size:1.25rem}.header-text{height:99px;display:flex;flex-direction:column;justify-content:space-evenly}nav{padding:3px 30px}.navlinks{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navlinks li{list-style:none}.navlinks a{text-decoration:none;font-weight:700;margin-bottom:3px;font-size:1.13rem}@media (width <= 475px){nav{padding:3px 10px}}@media (width <= 375px){header h2{font-size:1.125rem}.navlinks a{font-size:1rem}}.projects h3{margin:25px auto 5px}.projects{display:flex;flex-direction:column;align-items:center}.projects-div{display:grid;margin:20px auto 30px;grid-template:"i t" 50px "i d" auto "i l" 30px / 400px auto;column-gap:30px}.projects-image{grid-area:i;max-width:100%;height:auto}.projects-title{grid-area:t}.projects-description{grid-area:d}.projects-links{grid-area:l;display:flex;justify-content:space-evenly}.projects-links li{list-style:none}.projects-link{text-decoration:underline}@media (width <= 780px){.projects-div{display:block;margin:20px auto}.projects-title,.projects-image{margin:5px auto 10px}.projects-description{margin:5px auto 10px;max-width:400px}.projects-links{margin:15px auto 0}}.skills-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.skills h3{margin:25px auto 15px}.skills dt{font-weight:700}