@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}*{font-family:Onest,Arial,Helvetica,sans-serif;color:var(--text-color);scroll-behavior:smooth}:root{--radius: 10px}body{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}#root{width:100%;display:flex;min-height:100vh;flex-direction:column}main{flex:1;max-width:50vw;width:50vw;margin:auto}@media (max-width: 700px){main{max-width:100vw;width:calc(100vw - 2em);padding:0 1em}}:root{--eerie-black: #222222;--white: #ffffff;--ultra-violet: #4b4e6d;--tiffany-blue: #84dcc6;--green-blue: #84c8dc;--cadet-gray: #95a3b3;--border: var(--tiffany-blue);--border-transparent: #84dcc63a}.light-mode{--text-color: var(--eerie-black);--blue-text: var(--green-blue);--lighter-text: #d4d4d4;--shadow: #d4d4d4;--background-nav: #ffffff50;--background-color: var(--white)}.dark-mode{--text-color: var(--white);--blue-text: var(--green-blue);--background-color: var(--eerie-black);--background-nav: #22222250;--shadow: #060606;--lighter-text: #5e5e5e}.visually-hidden-focusable{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden-focusable:focus{position:fixed;top:1em;left:1em;width:auto;height:auto;background:var(--background-color);padding:.5em 1em;z-index:1001;box-shadow:0 2px 8px var(--shadow);border-radius:var(--radius)}option{background-color:var(--background-color);color:var(--text-color)}a{display:inline-flex;align-items:center;position:relative;text-decoration:none;color:var(--text-color)}#nf-link{color:var(--blue-text)}.hline{width:100%;height:1px;background-color:var(--lighter-text);margin:2em 0}.icon-link ion-icon{margin-right:.5em;transition:transform .2s ease-in-out}.icon-link:hover ion-icon{animation:jiggle .3s ease-in-out}a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease-in-out}a:hover:after{width:100%}@keyframes jiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.icon-button{display:flex;align-items:center;justify-content:center;aspect-ratio:1;height:fit-content}button,select{background-color:var(--background-nav);border-radius:var(--radius);border:2px solid var(--border);outline:none;transition:background-color .3s ease,box-shadow .3s ease}select{height:2em}button:focus,select:focus{box-shadow:0 0 0 4px var(--border-transparent)}button:hover,select:hover{cursor:pointer;background-color:var(--border-transparent)}.external-link{display:inline-flex;align-items:center;color:var(--blue-text);position:relative;text-decoration:none}.external-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease-in-out}.external-link:hover:after{width:100%}.external-link *{color:var(--blue-text)}.external-link span{margin-right:.5em}.external-link ion-icon{transition:transform .2s ease-in-out}.external-link:hover ion-icon{animation:jiggle .3s ease-in-out}.light-mode{--border-warning: #ffcc00;--border-success: #4caf50;--border-error: #f44336;--border-info: var(--tiffany-blue)}.dark-mode{--border-warning: #ffe066;--border-success: #81c784;--border-error: #e57373;--border-info: var(--tiffany-blue)}.box{display:inline-flex;align-items:center;padding:.5em;border-radius:var(--radius);border:3px solid;width:100%}.box ion-icon{margin-right:.5em}.info-box{border-color:var(--border-info);color:var(--text-color);background-color:color-mix(in srgb,var(--border-info) 6%,transparent)}.info-box ion-icon{color:var(--text-color)}.info-box .external-link ion-icon{color:var(--blue-text);margin-right:0}.info-box .external-link{margin:0 .3em}.success-box{border-color:var(--border-success);color:var(--border-success);background-color:color-mix(in srgb,var(--border-success) 6%,transparent)}.success-box ion-icon{color:var(--border-success)}.warning-box{border-color:var(--border-warning);color:var(--text-color);background-color:color-mix(in srgb,var(--border-warning) 6%,transparent)}.warning-box ion-icon{color:var(--text-color)}.error-box{border-color:var(--border-error);color:var(--border-error);background-color:color-mix(in srgb,var(--border-error) 6%,transparent)}.error-box ion-icon{color:var(--border-error)}#article-grid{display:flex;flex-wrap:wrap;gap:2em}#article-grid>article{flex:0 1 calc(50% - 1em);box-sizing:border-box}@media (max-width: 700px){#article-grid>article{flex-basis:100%}}.article-date{color:var(--cadet-gray);font-size:.75em}.article-image{border-radius:var(--radius);margin:1em 0}#title-area{display:flex;flex-direction:column;justify-content:center;min-height:90vh;overflow:hidden}#title-area p:not(:last-child){margin-bottom:.5em}#main-title{color:var(--blue-text);display:flex;align-items:center;margin-bottom:.5em;font-size:5em}#main-title ion-icon{color:var(--blue-text);margin:0 .5em 0 .2em}@keyframes icon-animation{0%{transform:rotate(0) scale(1)}25%{transform:rotate(15deg) scale(1.2)}50%{transform:rotate(-15deg) scale(1.2)}75%{transform:rotate(15deg) scale(1.2)}to{transform:rotate(0) scale(1)}}#sub-title{font-size:2em}.animate{animation:icon-animation .5s ease-in-out forwards;overflow:visible}.gradient-container{position:relative;display:flex;justify-content:flex-end;align-items:center}#title-area:before{padding:2em;content:"";position:absolute;overflow:hidden;top:20%;right:10%;width:30em;height:30em;background:radial-gradient(circle,#84dcc66b 20%,#fff0 70%);filter:blur(20px);z-index:-1;animation:move-up-down 5s infinite}@media (max-width: 800px){#title-area:before{width:15em;height:15em;right:unset}#main-title ion-icon{display:none}#main-title{line-height:1.2}}@keyframes move-up-down{0%{transform:translateY(50px) rotate(0) scale(1);opacity:.8}25%{transform:translateY(25px) rotate(10deg) scale(1.1);opacity:1}50%{transform:translateY(-50px) rotate(-15deg) scale(.85);opacity:.9}75%{transform:translateY(-25px) rotate(5deg) scale(1);opacity:1}to{transform:translateY(50px) rotate(0) scale(1);opacity:.8}}#projects>p{margin-bottom:1em}#projects>h2,#experience>h2{color:var(--blue-text)}#about>h2{color:var(--blue-text)}#about p:not(:last-child){margin-bottom:.5em}.timeline-container{display:flex;flex-direction:column;align-items:flex-start}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline-item{display:flex;align-items:flex-start}.timeline-container ul li:not(:last-child){margin-bottom:1em}.timespan{color:var(--cadet-gray);font-size:.75em}#experience>p{margin-bottom:1em}.timeline-dot{min-width:10px;min-height:10px;top:.5em;background-color:var(--blue-text);border-radius:50%;position:relative}.timeline-item:before{content:"";position:absolute;left:4.5px;top:0;bottom:0;width:1px;background-color:var(--blue-text)}.timeline-content{margin-left:20px}nav{display:flex;justify-content:center;border-bottom:2px solid var(--lighter-text);padding:1em 0;margin-bottom:1em;box-shadow:0 0 10px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--background-nav);position:sticky;top:0;z-index:1000}nav .content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:50vw;width:100%}nav .content h3{order:1}nav .content #nav-links{order:2}nav .content .controls{order:3;display:flex;align-items:center;gap:1em}@media (max-width: 1000px){nav .content{max-width:none;padding:0 1em}}@media (max-width: 700px){nav .content{flex-wrap:wrap;align-items:center}nav .content h3{order:1;flex:1}nav .content .controls{order:2}nav .content #nav-links{order:3;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:1em 0 0}nav .content #nav-links li{margin:0}}#nav-links li{display:inline-block;margin:.5em}footer{gap:1em;padding:1em 0;margin-top:1em;border-top:2px solid var(--lighter-text);box-shadow:0 0 10px var(--shadow);display:flex;flex-direction:column}footer .container{display:flex;flex-direction:row;justify-content:space-between;max-width:50vw;min-width:50vw;margin:auto}@media (max-width: 900px){footer .container{flex-direction:row;flex-wrap:wrap}.container>*:not(#footer-info){order:0}#footer-info{width:100%;max-width:100%!important;flex-basis:100%;order:1}}@media (max-width: 800px){footer .container{max-width:100vw;width:auto;flex-direction:column;gap:1em;padding:0 1em}#footer-info{width:100%;max-width:100%!important;flex-basis:100%;order:1}#cr-container{text-align:center;width:fit-content!important}}footer>small{max-width:50vw;align-self:flex-start}ul{list-style:none;padding:0;margin:0}#footer-info{max-width:30%}#footer-info p{color:var(--cadet-gray)}#cr-container{width:50vw;margin:auto}.article-page p{margin:.5em 0}.article-page h1,.article-page h2{margin-top:.5em}.article-page img{margin:1em 0;border-radius:var(--radius)}