@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;700&display=swap);#app,body,html{margin:0;padding:0;width:100%;min-height:100%;background:#fff;font-family:Poppins,sans-serif;transition:background 1s}@media screen and (max-width:1200px){#app,body,html{overflow-x:hidden}}html.no-scroll,html.no-scroll #app,html.no-scroll body{overflow:hidden}@media screen and (max-width:1200px){body{position:relative}}h1{font-size:4rem;line-height:4rem;color:#1954f5;font-weight:700;margin:1.25rem 0}@media screen and (max-width:992px){h1{font-size:2rem;line-height:2rem}}h2{font-size:1.75rem;line-height:1.75rem;color:#1954f5;font-weight:700;margin:1.25rem 0}@media screen and (max-width:992px){h2{font-size:1.5rem;line-height:1.5rem}}p{margin:0 0 .625rem 0}a:not(.work-item){text-decoration:none;color:#1954f5;font-weight:700}a:not(.work-item):visited{color:#1954f5}a:not(.work-item):hover{text-decoration:underline}ul{padding:0 0 0 .9375rem;list-style-type:circle}ul li{line-height:2rem}::-moz-selection{color:#fff;background:#1954f5}::selection{color:#fff;background:#1954f5}.view{max-width:75rem;height:100%;display:flex;flex-direction:column;margin:0 auto;padding:0 1.25rem}.navigation{z-index:10;height:7.5rem;position:absolute;top:0;left:1.25rem;right:1.25rem}.navigation .navigation-spacer{height:1.25rem;background:#fff;border-bottom:.3125rem solid #1954f5;position:relative;z-index:9;top:-1px}.navigation .content{padding:1.25rem 0;display:flex;background:transparent;align-items:center;justify-content:space-between;position:relative;z-index:11}.navigation .content .navigation-logo{font-size:3.75rem;line-height:3.75rem;font-weight:700;text-transform:lowercase}.navigation .content #menu-button{display:none}@media screen and (max-width:1200px){.navigation .content #menu-button{display:inline-block}}.navigation .mobile-menu{background-color:#1954f5;position:absolute;display:none;justify-content:center;top:0;left:110%;transition:right .5s;z-index:10;padding-top:9.375rem;border-radius:0 0 .3125rem .3125rem;transition:left .5s;height:100vh;width:100vw}@media screen and (max-width:1200px){.navigation .mobile-menu{display:flex}}.navigation .mobile-menu .jump-links ul{list-style-type:none;padding:1.25rem}.navigation .mobile-menu .jump-links ul li{position:relative;left:-20px;opacity:0;transition:opacity 1s,left .3s}.navigation .mobile-menu .jump-links ul li a{font-weight:700;color:#fff;font-size:3.75rem;line-height:3.75rem}.navigation .mobile-menu.open{left:-1.25rem}.navigation .mobile-menu.open .jump-links ul li{opacity:1;left:0;transition-delay:.3s}.navigation .mobile-menu.open .jump-links ul li:nth-of-type(2){transition-delay:.4s}.navigation .mobile-menu.open .jump-links ul li:nth-of-type(3){transition-delay:.5s}.navigation .mobile-menu.open .jump-links ul li:nth-of-type(4){transition-delay:.6s}.layout{display:flex;justify-content:center;flex:1}.layout .layout-center-slot{flex-grow:1;display:flex;flex-direction:column;max-width:47.5rem;width:100%;padding:0 .625rem}.layout .layout-left-slot{flex-basis:12.5rem;padding:0 .625rem 0 0;min-width:0}.layout .layout-right-slot{flex-basis:12.5rem;padding:0 0 0 .625rem;min-width:0}@media screen and (max-width:1200px){.layout .layout-left-slot,.layout .layout-right-slot{display:none}.layout .layout-center-slot{padding:0}}.anchor-links-container{display:flex;flex-direction:column;justify-content:space-between}.anchor-links-container .anchor-links-ul{list-style:none;line-height:1.5rem}.anchor-links-container .anchor-links-ul .anchor-link{overflow:hidden}.anchor-links-container .anchor-links-ul .anchor-link a{color:#678;font-size:1.5rem;position:relative;left:0;transition:left .2s ease-out}.anchor-links-container .anchor-links-ul .anchor-link a:hover{text-decoration:none;color:#1954f5;left:35px}.anchor-links-container .anchor-links-ul .anchor-link a:before{content:url(../img/anchor_link_arrow.33b965ef.svg);position:absolute;left:-30px;width:100%}.anchor-links-container .social-links{display:flex;flex-direction:column;padding-bottom:1.25rem}.anchor-links-container .social-links a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.anchor-links-container .social-links a:hover{filter:invert(40%) sepia(91%) saturate(6709%) hue-rotate(224deg) brightness(96%) contrast(99%)}.header-container{display:flex;align-items:center;margin:.9375rem 0}.header-container h2{position:relative;display:inline;opacity:0;transition:all 1.3s;transition-delay:.2s}.header-container .header-hr{width:0;height:1px;background-color:#dee1e7;background-position:50%;background-size:100% 1px;transition:all .8s;transition-delay:1s}.header-container.right{flex-direction:row-reverse}.header-container.right h2{position:relative;right:-.625rem;display:inline;margin-left:1.5625rem}.header-container.left h2{margin-right:1.5625rem;left:-.625rem}.header-container.center{justify-content:center}.header-container.center h2{position:relative;top:-.625rem}.header-container.center .header-hr{display:none}.header-container.in-view .header-hr{width:100%}.header-container.in-view h2{opacity:1}.header-container.in-view.right h2{right:0}.header-container.in-view.left h2{left:0}.header-container.in-view.center h2{top:0}.accordion-container .accordion-items .accordion-item{background-color:transparent;padding:.625rem 1.25rem;border-radius:.3125rem;cursor:pointer}.accordion-container .accordion-items .accordion-item .accordion-item-header{display:flex;justify-content:space-between;align-items:center}.accordion-container .accordion-items .accordion-item .accordion-item-header .title{margin:0;font-weight:700;font-size:1.125rem}@media screen and (max-width:992px){.accordion-container .accordion-items .accordion-item .accordion-item-header .title{font-size:.875rem}}.accordion-container .accordion-items .accordion-item .accordion-item-header .title .job-title{color:#5a748c}.accordion-container .accordion-items .accordion-item .accordion-item-header .title .at{color:#5a748c;margin:0 .3125rem}.accordion-container .accordion-items .accordion-item .accordion-item-header .title .company-name{color:#5a748c}.accordion-container .accordion-items .accordion-item .accordion-item-header .dates{margin:0;color:#5a748c;font-size:.75rem;line-height:.9375rem}.accordion-container .accordion-items .accordion-item .accordion-item-header .accordion-arrow img{filter:invert(54%) sepia(26%) saturate(325%) hue-rotate(168deg) brightness(89%) contrast(91%);transform:rotate(0deg)}.accordion-container .accordion-items .accordion-item .accordion-item-body{max-height:0;overflow:hidden;height:auto;padding-left:.625rem}.accordion-container .accordion-items .accordion-item .accordion-item-body ul li{margin-bottom:.9375rem}@media screen and (max-width:992px){.accordion-container .accordion-items .accordion-item .accordion-item-body ul li{font-size:.875rem}}.accordion-container .accordion-items .accordion-item:hover:not(.active) .accordion-item-header .company-name,.accordion-container .accordion-items .accordion-item:hover:not(.active) .accordion-item-header .title .at,.accordion-container .accordion-items .accordion-item:hover:not(.active) .accordion-item-header .title .job-title{color:#1954f5}.accordion-container .accordion-items .accordion-item:hover:not(.active) .accordion-item-header .accordion-arrow img{filter:invert(40%) sepia(91%) saturate(6709%) hue-rotate(224deg) brightness(96%) contrast(99%)}.accordion-container .accordion-items .accordion-item.active{background-color:#1954f5;box-shadow:0 8px 16px -4px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);cursor:default}.accordion-container .accordion-items .accordion-item.active .accordion-item-header .title .job-title{color:#fff}.accordion-container .accordion-items .accordion-item.active .accordion-item-header .company-name,.accordion-container .accordion-items .accordion-item.active .accordion-item-header .dates,.accordion-container .accordion-items .accordion-item.active .accordion-item-header .title .at{color:#dde6ff}.accordion-container .accordion-items .accordion-item.active .accordion-item-header .accordion-arrow img{filter:brightness(0) invert(1);transform:rotate(180deg)}.accordion-container .accordion-items .accordion-item.active .accordion-item-body{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.work-table-container{overflow-x:auto;padding-bottom:6.25rem}@media screen and (max-width:992px){.work-table-container{padding-bottom:3.125rem}}.work-table-container table.work-table{width:100%;text-align:left;border-collapse:collapse}@media screen and (max-width:992px){.work-table-container table.work-table{white-space:nowrap}}.work-table-container table.work-table thead th{padding:0 1.25rem .625rem .9375rem}.work-table-container table.work-table tbody tr{border-top:1px solid #dee1e7}.work-table-container table.work-table tbody tr td{padding:.9375rem 0 .9375rem .9375rem}.work-table-container table.work-table tbody tr td.work-item-row__name{white-space:nowrap}.work-table-container table.work-table tbody tr .item-tech{font-size:15px}.work-table-container table.work-table tbody tr .item-tech:not(:last-of-type):after{content:"\a";border-radius:50%;display:inline-block;width:.3125rem;height:.3125rem;background-color:#475766;margin:0 .3125rem;position:relative;top:-.125rem}.work-table-container table.work-table tbody tr .project-link .external-link-icon{filter:invert(40%) sepia(91%) saturate(6709%) hue-rotate(224deg) brightness(96%) contrast(99%);position:relative;left:-10px;opacity:0;transition:all .3s;top:5px}.work-table-container table.work-table tbody tr .project-link:hover .external-link-icon{opacity:1;left:5px}.home .anchor-links-container{position:sticky;top:1px}.home section{min-height:100vh;display:flex;align-items:center}.home section .section-content{width:100%}.home #about .about-image{float:right;padding:0 .9375rem .9375rem .9375rem}.home #about .about-image img{border-radius:5px;-o-object-fit:cover;object-fit:cover;filter:drop-shadow(10px 10px 0 rgba(148,174,244,.25))}.home #about .tech-stack-list{-moz-columns:2;columns:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home #about .tech-stack-list li{min-width:9.375rem}.home #work .work-items-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:-.625rem 0 0 0}.home #work .work-items-container .work-item{margin-top:.625rem;text-decoration:none;flex:0 1 22.8125rem;cursor:pointer;color:unset;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 0 rgba(9,30,66,.31);border-radius:.3125rem;transition:all .3s;background:#fff}@media screen and (max-width:768px){.home #work .work-items-container .work-item{flex-grow:1}}.home #work .work-items-container .work-item:hover{box-shadow:0 8px 16px -4px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31)}.home #work .work-items-container .work-item:hover .work-item-content .work-item-header .project-name{color:#1954f5}.home #work .work-items-container .work-item:hover .work-item-content .work-item-header .external-link-icon{filter:invert(40%) sepia(91%) saturate(6709%) hue-rotate(224deg) brightness(96%) contrast(99%)}.home #work .work-items-container .work-item .work-item-content{padding:.9375rem}.home #work .work-items-container .work-item .work-item-content .work-item-header{display:flex;justify-content:space-between}.home #work .work-items-container .work-item .work-item-content .work-item-header .project-name{font-weight:700;color:#000;font-size:1rem;line-height:1.5rem;margin:0}.home #work .work-items-container .work-item .work-item-content .work-item-header .project-role{color:#475766;font-size:.875rem;line-height:1.3125rem;margin:0}.home #work .work-items-container .work-item .work-item-content .work-item-header .external-link-icon{filter:invert(54%) sepia(26%) saturate(325%) hue-rotate(168deg) brightness(89%) contrast(91%)}.home #work .work-items-container .work-item .work-item-content .work-item-body{margin:.9375rem 0}.home #work .work-items-container .work-item .work-item-content .work-item-footer .project-tech{color:#475766;font-size:.875rem;line-height:1.3125rem;margin:0}.home #work .work-items-container .work-item .work-item-content .work-item-footer .project-tech span{margin-right:.75rem}.home #contact p{max-width:37.5rem;margin:0 auto 2.1875rem auto}.view.work .anchor-links-container{position:sticky;top:1px}.view.work .layout-work .layout-center-slot{padding:12.5rem 0}.view.work .layout-work .layout-center-slot .work-header{margin-bottom:3.125rem}.dark-gray{color:#475766!important}.white{color:#fff!important}.center-content,.d-flex{display:flex!important}.center-content{flex-direction:column!important;justify-content:center!important}.text-center{text-align:center}.hide{display:none!important}.show{display:inline-block!important}.m-0{margin:0!important}.mt-3{margin-top:1.875rem}.p-0{padding:0!important}.full-screen-height{height:100vh!important}.theme-light{background:#fff!important}.theme-steel{background:#f4f5f7!important}.theme-dark{background:#000!important}.theme-fun{background:#0cc8f9!important}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:0 0;display:inline-block;cursor:pointer;position:relative;top:7px;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:40px;height:4px;background-color:#1954f5;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}