body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f8ff}h1{color:#2c3e50;font-size:3rem;text-align:center;animation:pop-in .6s ease-out}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}button{padding:8px 16px;font-size:1rem;border:none;border-radius:8px;background-color:#2c3e50;color:#fff;cursor:pointer;transition:background-color .3s ease;margin-top:20px}button:hover{background-color:#1a252f}#root{text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box}body{margin:0}.nav{background-color:#333;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem;position:relative}.site-title{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff}.nav-menu{list-style:none;display:flex;margin:0 1rem;padding:0}.nav-menu li{padding:8px 15px}.nav-menu a{color:#fff;text-decoration:none;padding:.25rem;display:block}.nav-menu a.active{background-color:#555;border-radius:4px}.nav-menu a:hover{background-color:#777;border-radius:4px}.menu-icon{display:none;font-size:1.5rem;cursor:pointer}@media(max-width:768px){.menu-icon{display:block}.nav-menu{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background-color:#333;text-align:center;z-index:999}.nav-menu.active{display:flex}.nav-menu li{width:100%;margin:0}.nav-menu a{width:100%;padding:.75rem 0}}.Home{text-align:center}.Home-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.Home-logo{animation:Home-logo-spin infinite 20s linear}}.Home-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.Home-link{color:#61dafb;text-decoration:none;transition:color .3s}.Home-link:hover{color:#21a1f1}@keyframes Home-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Home-links a{color:#61dafb;text-decoration:none;margin:0 .5em}.Home-links a:hover{color:#21a1f1}.Home-hero{width:450px;height:auto;margin-bottom:1em;border-radius:8px;opacity:.9}@media(max-width:500px){.Home-hero{width:100%;content:url(https://i.imgur.com/g0cQa4L.png);height:auto;margin-bottom:1em;border-radius:8px;opacity:.9}}.About{text-align:center}.Projects{background:#000;min-height:100vh;width:100%}.Projects h1{text-align:left;color:#fff;margin:0;padding-left:40px;padding-bottom:20px}.wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,250px);gap:5px;margin:20px auto 0;padding:10px;width:95vw;background:#202020;place-items:center}.projects-card{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;text-decoration:none}.projects-card h3{margin:0;padding:.5rem}.projects-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.main-img,.preview-img{width:100%;height:100%;transition:opacity .5s ease}.overlay{position:absolute;bottom:0;background:#000000b3;color:#f1f1f1;width:100%;text-align:center;padding:10px 0;opacity:0;transition:opacity .3s ease;background:linear-gradient(to top,#000000bf,#0000004d)}.projects-card:hover .overlay{opacity:1}.overlay h3{margin:0;font-size:1.5rem}.overlay p{margin-top:.5rem;opacity:.85;font-size:1.1rem}.preview-img{position:absolute;top:0;left:0;opacity:0}.projects-card:hover .main-img{opacity:0}.projects-card:hover .preview-img{opacity:1}@media(max-width:500px){.wrapper{grid-template-columns:1fr}}@media(hover:none)and (max-width:500px){.overlay{opacity:1}}@media(max-width:1024px)and (min-width:501px){.wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}.Contact{text-align:center}.Contact-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.Contact-header p{margin:.5em 0}.Contact-header a{color:#61dafb;text-decoration:underline}.Contact{position:relative;min-height:100vh;background:#070731;overflow:hidden;color:#fff}.bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#070731d9,#07073199);z-index:1}.contact-content{position:relative;z-index:2;text-align:center;padding-top:20vh}.contact-content a{color:#9bbcff;text-decoration:none;font-size:1.2rem}.contact-content a:hover{text-decoration:underline}.tech-icon{color:#fff}.tech-icon:hover{transform:scale(1.2);color:#00f0ff}