:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;place-items:center;color:var(--contrastColor);color-scheme:light dark;background-color:var(--bg1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;--easeOutQuint: cubic-bezier(.22, 1, .36, 1);--easeOutBounce: cubic-bezier(.34, 1.56, .64, 1)}body{margin:0;display:flex;place-items:top;min-width:320px;min-height:100vh}h1{font-family:Merriweather;line-height:min(4rem,8vw);font-size:min(4rem,8vw);margin-inline:30px;padding:20px}h2{font-size:min(2rem,4vw);margin:0}p{font-size:min(1rem,2.5vw);font-family:Cascadia Code,sans-serif}.oswald{font-family:Oswald,sans-serif}.cascadia-code{font-family:Cascadia Code,sans-serif}.roboto{font-family:Roboto,sans-serif}.google-sans-code{font-family:Google Sans Code,monospace}.merriweather{font-family:Merriweather,sans-serif}.funnel-sans{font-family:Funnel Sans,sans-serif}@media (prefers-color-scheme: light){:root{--bg1: #ffffff;--bg2: #c0cedd;--color1: #4e68df;--color2: #ff9f46;--contrastColor: #1b2630}}@media (prefers-color-scheme: dark){:root{--bg1: #100f14;--bg2: #25232e;--color1: #ffde24;--color2: #ae91ff;--contrastColor: white}}#root{margin:0;text-align:center;width:100%;max-width:100vw}.banner{position:relative;width:100%;min-height:350px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,var(--color1),var(--color2));z-index:-1;mix-blend-mode:color}.banner img{position:absolute;align-self:center;width:auto;height:auto;min-width:100%;min-height:100%;z-index:-1;opacity:.3}.star{position:relative;z-index:-1}.twinkle{animation-name:twinkle-anim;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes twinkle-anim{0%{opacity:.2;scale:.9}48%,52%{opacity:1;scale:1.1}to{opacity:.2;scale:.9}}#project-list{width:100%;margin-block:20px}.project-container{background-color:var(--bg2);border-radius:20px;padding:2rem;margin:8%;gap:2rem;display:flex;flex-direction:row;box-shadow:0 0 0 0 var(--bg2);transition:box-shadow 1s var(--easeOutQuint),transform .6s var(--easeOutBounce),opacity .6s var(--easeOutQuint)}.project-container:hover{box-shadow:0 0 0 5px var(--color1)}.project-title{flex:0 0 40%;display:flex;flex-direction:column;justify-content:top;align-items:center;gap:2rem;color:var(--color1)}.project-title img{max-width:60vw;border-radius:20px;box-shadow:0 10px 10px #000}.project-description{display:flex;flex-direction:column;justify-content:flex-start;gap:1vh;flex:0 0 55%;text-align:justify;overflow-wrap:break-word}.navbar{justify-self:center;align-items:center;display:flex;flex-direction:row;background:var(--bg1);width:100%;position:sticky;top:0;z-index:10}.navbar strong{padding:10px;font-size:20px}.personal-attribute{display:flex;flex-direction:row;justify-content:space-evenly;position:relative;overflow:show;padding:20px;margin:20px;transform:translateY(0);border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .4s var(--easeOutQuint)}.personal-attribute:hover{transform:translateY(-5px);color:#fff}.personal-attribute:hover:after{opacity:0}.personal-attribute:after{content:"";position:absolute;background:var(--bg2);inset:0;z-index:-1;border-radius:18px;mix-blend-mode:normal;opacity:1;transition:opacity .4s var(--easeOutQuint)}.personal-attribute:before{content:"";position:absolute;background:#414141;inset:0;z-index:-1;border-radius:20px;mix-blend-mode:multiply}.flex-center{display:flex;justify-content:center;align-items:center;gap:20px}.adaptive-flex{flex-direction:row}@media only screen and (max-width: 950px){.adaptive-flex{flex-direction:column}}.fancy-button{border-radius:8px;border:2px solid;padding:.4em 1em;font-size:1em;font-weight:500;top:0;box-shadow:#000 0 4px 5px;cursor:pointer;position:relative;overflow:hidden;z-index:1;background-color:transparent;border-color:var(--color1);transition:top .3s var(--easeOutQuint),box-shadow .3s var(--easeOutQuint),border-radius .6s var(--easeOutQuint),color .6s var(--easeOutQuint),border-color .6s var(--easeOutQuint)}.fancy-button:before{content:"";position:absolute;inset:0;clip-path:circle(0%);background-color:var(--color1);transition:clip-path .6s var(--easeOutQuint),background-color .3s var(--easeOutQuint);z-index:-1}.fancy-button:hover{border-radius:3px;color:#000}.fancy-button:hover:before{clip-path:circle(100%)}.fancy-button:active{top:2px;box-shadow:#000 0 2px 2px;border-color:var(--color2)}.fancy-button:active:before{background-color:var(--color2)}.gradient-button{background:var(--bg1);color:var(--color1);cursor:pointer;padding:.8em 1.5em;margin:10px;position:relative;border:none;border-radius:1em;font-size:1.1rem;transition:all .2s var(--easeOutQuint)}.gradient-button:after{content:"";position:absolute;inset:-4px;box-shadow:#0008 0 4px 5px;background:linear-gradient(to bottom right,var(--color1),var(--color2));border-radius:20px;z-index:-1}.gradient-button:hover{color:#fff;background:transparent}.gradient-button:active{top:2px;color:#fff}.gradient-button:active:after{box-shadow:#0008 0 2px 5px}a{font-weight:500;color:var(--color1);text-decoration:inherit}a:hover{color:var(--color2)}@media (max-width: 950px){.project-container{flex-direction:column}}@media (prefers-color-scheme: light){.fancy-button:hover{color:#fff}}.minefield-container{background-color:var(--bg2);align-self:center;justify-self:center;display:grid;justify-content:center;align-content:center;position:relative;margin:30px;width:min(75%,65vmin);height:auto;padding:20px;aspect-ratio:1/1;border-radius:30px;transition:border 1s var(--easeOutQuint)}.minefield-tile{width:auto;height:auto;border:none;border-radius:20%;align-content:center;justify-content:center;border:0px solid}.minefield-number{margin:0}.tile-revealed{background-color:var(--bg1)}.tile-hidden{background-color:#5d598a75}.hover-changes-color{transition:background-color .3s var(--easeOutQuint)}.hover-changes-color:hover{background-color:#fff!important}.timer-cell{background:#000;width:100px;height:80px;border-radius:10%;align-content:center}@media (prefers-color-scheme: dark){.timer-cell{border:2px dotted white}}.timer-cell p{font-size:1.4rem;transition:color 1s var(--easeOutQuint)}#win-text{color:#0f0}.status-text{transition:all 1s var(--easeOutQuint);font-family:Merriweather;font-size:2rem}.dropdown{border:3px solid var(--contrastColor);border-radius:20px;background:transparent;padding:10px;box-shadow:0 3px 3px #0009;position:relative}.dropdown option{position:absolute;background:var(--bg1);border:2px solid var(--contrastColor);color:var(--contrastColor)}input[type=range]{appearance:none;accent-color:var(--color1);background:var(--bg1);border:3px solid var(--contrastColor);outline:none;box-shadow:0 3px 3px #0009;width:65%;height:20px;border-radius:30px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--contrastColor);width:20px;height:20px;border-radius:50%}@media (prefers-color-scheme: light){#win-text{color:green}}