@font-face{font-family:Finlandica;src:url(/fonts/Finlandica-VariableFont_wght.ttf)}@font-face{font-family:Nunito;src:url(/fonts/Nunito-VariableFont_wght.ttf)}:root{font-family:Nunito,monospace,sans-serif;font-optical-sizing:none;font-size:100%;line-height:normal;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#232136;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:auto;scroll-margin-top:1rem}*,*:before,*:after{box-sizing:border-box}body{display:flex;flex-direction:column;margin:0;padding:0}main{flex:1}.nums{font-weight:500;font-family:Finlandica;color:#557c9d;text-decoration:none}.section-header h1 .nums{display:flex;position:relative;top:-1px}.container{width:100%;max-width:var(--max-content-width);height:auto;margin:0 auto;box-sizing:border-box}.content-padding{padding-top:5rem}@media(max-width:1440px){.container{max-width:1100px}}@media(max-width:1024px){.container{padding:0 1rem}}:root{--max-content-width: 1250px;--padding-horizontal: 1rem}ul{display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center;height:100%;font-size:1rem;list-style-type:none;padding:0}.nav-bar{display:flex;flex-direction:column;position:fixed;width:100%;padding:0;z-index:999;background-color:#232136}.nav-bar .nav-container{max-width:var(--max-content-width);padding:0;z-index:999}@media(max-width:1440px){.nav-bar .nav-container{max-width:1100px;padding:0}}.nav-bar .nav-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#232136;margin:0}.nav-bar .left{display:flex;flex-direction:row;align-items:center;gap:30px}.left .logo{width:3rem;height:3rem;background-color:#557c9db3;border-radius:3.5px;display:flex;transition:ease-in-out .2s;position:relative}.nav-bar .logo a{width:3rem;height:3rem;display:block;padding:0}.nav-bar .logo a>img{width:3rem;height:3rem}.logo:hover{transform:translate(-.1rem,-.1rem);box-shadow:#557c9d4d .12rem .08rem,#557c9d33 .14rem .12rem,#557c9d1a .16rem .16rem}.logo:active{transform:scale(.85);box-shadow:#557c9d00 1.5px 1.5px,#557c9d00 2px 2px,#557c9d00 3px 3px}.nav-content .left .contact-list{display:flex;flex-direction:row;position:relative;align-items:center;list-style:none;gap:28px}.left .contact-list li{display:flex}.left .contact-list li>a{text-decoration:none;display:flex;align-items:center;justify-content:center;position:relative;scale:155%;line-height:0;cursor:pointer;color:#a9b3d1;transition:ease-in-out .2s}.left .contact-list li>a:hover{color:#dce4fc}.nav-bar .nav-content .nav-list{display:flex;flex-direction:row}.nav-bar .nav-list li>a{text-decoration:none;margin-left:25px;padding:.2rem;display:block;color:#a9b3d1;font-size:1.2rem;position:relative}.nums{color:#557c9d;text-decoration:none}.nav-bar .nav-list li>a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background-color:#557c9d;margin-left:5px;transition:ease-in-out .2s}.nav-bar li>a.about:before{transform:translate(-.5px)}.nav-bar li>a.projects:before{transform:translate(-.5px)}.nav-bar li>a.experience:before{transform:translate(-1px)}.nav-bar li>a.contact:before{transform:translate(-.5px)}.nav-bar li>a.about:hover:before{width:91.5%}.nav-bar li>a.projects:hover:before{width:93%}.nav-bar li>a.contact:hover:before{width:93%}.nav-bar li>a.experience:hover:before{width:95.5%}.nav-bar .items{transition:ease-in-out .3s}.nav-bar li>a:hover{color:#557c9d}.nav-bar li>a{transition:ease-in-out .1s}.nav-bar li>a:active{transform:scale(.9)}button.resume{margin-left:30px;border:2px solid #557c9d;line-height:2.5;padding:0 10px;font-size:1rem;text-align:center;color:#ccd6f6;border-radius:5px;background-color:#2a2a37;cursor:pointer;position:relative;display:inline-block;transition:ease-in-out .2s}button.resume:hover{transform:translate(-.2rem,-.2rem);box-shadow:#557c9d66 .08rem .08rem,#557c9d4d .1rem .1rem,#557c9d33 .12rem .12rem;color:#557c9d}button.resume:active{transition:ease-in-out .1s;transform:scale(.95);box-shadow:#557c9d00 1.5px 1.5px,#557c9d00 2px 2px,#557c9d00 3px 3px}.nav-bar .nav-divide{display:flex;background-color:#4d515c;border-radius:10px;width:100%;height:1px}#home{scroll-margin-top:5rem;display:flex;width:100%;flex-direction:column;color:#e0def4;position:relative;left:1rem}#home .typing-area{height:10rem}#home p{color:#6a9bc4;font-size:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}#home h1{font-size:4rem;font-weight:500;margin:0}#home #title{color:#908caa;font-size:3.5rem}#home .cursor{margin-top:-.7rem;line-height:1}#home .home-description{margin-top:1.5rem;width:50%}#home .home-description p{font-size:1.5rem;color:#908caa}#home .home-description p .highlight{color:#6a9bc4}#home .message{font-size:1.5rem;color:#908caa}#home .spacing{height:10rem}.cursor{font-weight:200;display:inline-block;color:#d1dcff;animation-delay:.3s}.cursor.solid{animation:none}.cursor.blink{-webkit-animation:.7s blink step-end infinite;-moz-animation:.7s blink step-end infinite;-ms-animation:.7s blink step-end infinite;-o-animation:.7s blink step-end infinite;animation:.7s blink step-end infinite;animation-delay:.3s}@keyframes blink{0%,to{color:transparent}50%{color:#d1dcff}}@-moz-keyframes blink{0%,to{color:transparent}50%{color:#d1dcff}}@-webkit-keyframes blink{0%,to{color:transparent}50%{color:#d1dcff}}@-ms-keyframes blink{0%,to{color:transparent}50%{color:#d1dcff}}@-o-keyframes blink{0%,to{color:transparent}50%{color:#d1dcff}}footer{display:flex;width:100%;height:8rem;background-color:#16161d;color:#8892b0;padding:.5rem 0 0 1rem}.page-break{display:flex;background-color:#4d515c;border-radius:10px;width:100%;height:1px}#about{scroll-margin-top:6rem;margin-top:2rem;margin-bottom:2rem;display:flexbox}#about .section-header{height:5rem;background-color:#16161d;padding-left:1rem;border-radius:6px;display:flex;align-items:center}#about .section-header h1{color:#abb5d4;display:flex;align-items:center;justify-content:center}#about .section-content{display:flex;flex-direction:row;padding-top:1rem}#about .img-container{max-width:250px;aspect-ratio:16 / 9;justify-content:left;display:flex;flex-direction:column;gap:10px;margin-left:2rem}#about .img-container img{display:block;width:15rem;height:auto;border:1px solid #557c9d;border-radius:7px}#about .about-text{display:flex;flex-direction:column;color:#e0def4;font-size:2rem;margin-left:2rem}#about .about-text .ps{display:flex;flex-direction:row;font-size:1.2rem;align-items:center}#about .about-text .ps .bold{font-weight:800}#about .about-text .ps .vid-link{padding:2px 10px;border-radius:15px;display:inline-flex;background:none;border:none;align-items:center;font-size:1.2rem;height:fit-content;cursor:pointer;margin-left:2rem;color:#3e8fb0;text-decoration:none;position:relative}#about .about-text .ps .vid-link .drop{height:1.5rem;width:1.5rem;transition:transform .3s ease}#about .about-text .ps .vid-link .drop.up{transform:rotate(-180deg)}#about .about-text .ps .vid-link:hover:after{content:"";position:absolute;left:11px;right:14.5px;bottom:3px;height:1.3px;background-color:currentColor}#about .about-text .video{display:flex;background-color:#2a273f;border-radius:7px;max-height:0;width:100%;opacity:0;overflow:hidden;transition:max-height .8s ease,opacity .8s ease}#about .about-text .video.show{opacity:1;max-height:35rem}#about .about-text .video .youtube{height:35rem;width:100%;display:flex;align-items:center;justify-content:center;background-color:#2a273f}#about .about-text .video .youtube iframe{height:95%;width:95%;border:2px solid #9ccfd8;border-radius:5px}#experience{scroll-margin-top:6rem;margin-top:2rem;margin-bottom:2rem;display:flexbox}#experience .section-header{height:5rem;background-color:#16161d;margin-top:2rem;padding-left:1rem;border-radius:6px;display:flex;align-items:center}#experience .section-header h1{color:#abb5d4;display:flex;align-items:center;justify-content:center}#experience .section-header h1 .nums{display:flex;position:relative;top:-1px}#experience .section-content .card1{display:flex;flex-direction:row;color:#e0def4;text-decoration:none;font-size:1.3rem;margin-top:.5rem;height:30rem;width:69.5rem;border-radius:7px;background-color:#232136;border:none;text-align:left;transition:ease-in-out .1s;cursor:pointer}#experience .section-content .card1 .date{margin-left:1rem;color:#908caa}#experience .section-content .card1 .job{margin-left:.8rem;display:flex;flex-direction:column}#experience .section-content .card1:hover{color:#557c9d;box-shadow:-1.5px -1.5px #393552;background-color:#2a273f}#experience .section-content .card1 .position{font-size:1.5rem;position:relative;margin-left:1rem;margin-bottom:.7rem}#experience .section-content .card1 .position .arrow{position:relative;top:5px;right:-5px;scale:120%;transition:ease-in-out .1s}#experience .section-content .card1:hover .arrow{transform:translate(5px,-5px)}#experience .section-content .card1 .job-desc{display:flex;flex-direction:column;margin-left:2rem;color:#908caa;list-style-type:"⁃ ";gap:20px;width:47rem}#projects{scroll-margin-top:6rem;margin-top:2rem;margin-bottom:2rem;display:flexbox}#projects .section-header{height:5rem;background-color:#16161d;margin-top:2rem;padding-left:1rem;border-radius:6px;display:flex;align-items:center}#projects .section-header h1{color:#abb5d4;display:flex;align-items:center;justify-content:center}#projects .section-content .project-list{display:flex;flex-direction:column;color:#908caa;gap:20px;width:60rem;margin-left:2rem;justify-content:flex-start}#projects .section-content .project-list .card1{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#e0def4;text-decoration:none;margin-top:.5rem;height:13rem;width:37rem;border-radius:7px;background-color:#232136;border:none;text-align:left;transition:ease-in-out .1s;cursor:pointer}#projects .section-content .card1:hover{color:#557c9d;box-shadow:-1.5px -1.5px #393552;background-color:#2a273f}#projects .section-content .project-list .card1 .words{display:flex;flex-direction:column;padding:1.5rem}#projects .section-content .project-list .card1 .words .project-name{margin:0;font-size:1.5rem}#projects .section-content .project-list .card1 .words .project-name .arrow{position:relative;top:5px;right:-16px;scale:120%;transition:ease-in-out .1s}#projects .section-content .project-list .card1:hover .arrow{transform:translate(5px,-5px)}#projects .section-content .project-list .card1 .words .project-description{color:#908caa}.blog-page{display:flex;flex-direction:row;justify-content:space-between;height:44rem;width:100%;margin-bottom:3rem}.blog-page .content-padding{height:2rem}.blog-page h1{padding:.5rem .5rem .5rem 2rem;background-color:#16161d;border-radius:10px}.blog-page .list-container,.blog-page .create-post-container{display:flex;flex-direction:column;width:48%}.next-steps{display:flex;flex-direction:column}.next-steps h1{padding:.5rem .5rem .5rem 2rem;background-color:#16161d;border-radius:10px}.next-steps ul{display:flex;flex-direction:column;list-style-type:circle;font-size:2rem;align-items:flex-start;margin-left:5rem;margin-top:0}.post-scroll-container{background-color:#2a273f;border-radius:10px;max-height:600px;overflow-y:scroll;padding-right:10px}.post-scroll-container article{display:flex;flex-direction:column;background-color:#393552;border-radius:10px;padding:1.5rem;padding-top:0;margin:1rem}.post-scroll-container article h2{margin-bottom:0}form{display:flex;flex-direction:column;background-color:#2a273f;border-radius:10px;padding:1rem;height:44rem;justify-content:space-between}form .title-input{position:relative;border:none;border-radius:5px;height:3rem;background-color:#191724}form .content-input{position:relative;resize:none;border:none;border-radius:5px;overflow-y:scroll;height:23rem;background-color:#191724}form .author-input{position:relative;border:none;border-radius:5px;height:3rem;background-color:#191724}form .submit-input{position:relative;height:3rem;cursor:pointer;font-size:1rem;border:2px solid #557c9d;text-align:center;color:#ccd6f6;border-radius:5px;background-color:#2a2a37;transition:ease-in-out .2s}form .submit-input:hover{transform:translate(-.2rem,-.2rem);box-shadow:#557c9d66 .08rem .08rem,#557c9d4d .1rem .1rem,#557c9d33 .12rem .12rem;color:#557c9d}form .submit-input:active{transition:ease-in-out .1s;transform:scale(.95);box-shadow:#557c9d00 1.5px 1.5px,#557c9d00 2px 2px,#557c9d00 3px 3px}