@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Exo:ital,wght@0,100..900;1,100..900&family=Recursive:wght@300..1000&display=swap);.header-nav{background-color:var(--header-nav-background-color);border:2px solid var(--header-nav-border);height:2rem;overflow:hidden;transition:height .5s}.header-nav.mobileOpen{height:var(--mobile-nav-menu-height)}.header-nav ul,.header-nav>ul{flex-direction:column;flex-wrap:wrap;padding-inline-start:0}.header-nav>ul{align-items:center;display:flex;gap:1rem 0}@media screen and (min-width:995px){.header-nav ul{display:flex;flex-direction:row;justify-content:space-evenly}}.nav-breadcrumbs{display:flex}.nav-breadcrumbs ul{align-items:center;flex-direction:row}.nav-breadcrumbs ul li{margin:0}.child-route span{margin:0 .25rem}.child-route:before{content:"/"}.section-nav{display:flex;justify-content:center}.section-nav ul{padding-inline-start:0}.section-nav ul li{margin:1rem 0}.section-nav ul li a{display:grid;font-size:1.5rem;grid-template-columns:.25fr 1fr;justify-items:center;min-width:17rem}.section-nav a img{height:25px;width:25px}@media screen and (min-width:995px){.section-nav a img{height:15px;width:15px}}.header-nav ul li a{display:inline-flex;justify-content:center;min-width:6rem}:is(.section-nav,.header-nav) ul li{list-style-type:none}:is(.section-nav,.header-nav) ul li a{align-items:center;background-color:var(--nav-button-background-color);border-radius:10px;gap:.5em;margin:0 .25rem;padding:.5rem 1rem;transition:box-shadow .5s}:is(.section-nav,.header-nav) ul li a img{margin:0}@media screen and (min-width:995px){:is(.section-nav,.header-nav) ul li a img{margin:.4rem}}.header-nav ul li a.active{box-shadow:inset 0 -.75em .75em var(--nav-button-background-active-color)}:is(.section-nav,.header-nav) ul li a:hover{background-color:var(--nav-button-hover-color)}:is(.section-nav,.header-nav) ul li a,:is(.section-nav,.header-nav) ul li a:visited{color:inherit;text-decoration:none}@media screen and (min-width:995px){.header-nav{border-radius:10px;height:auto;margin:15px}#show-button{display:none}}.header-nav button{all:unset;margin-left:-5px;margin-top:-8px}.header-nav button svg{width:3em}.ham{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none}.hamRotate.active{transform:rotate(45deg)}.line{fill:none;stroke:#000;stroke-width:5.5;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.ham8 .top{stroke-dasharray:40 160}.ham8 .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.ham8 .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.ham8.active .top{stroke-dashoffset:-64px}.ham8.active .middle{transform:rotate(90deg)}.ham8.active .bottom{stroke-dashoffset:-64px}ul.breadcrumb{display:flex}ul.breadcrumb li{float:left;position:relative;transition:all .2s}ul.breadcrumb li a{border-radius:35px;min-width:35px;overflow:hidden;transition:all .2s;width:35px}ul.breadcrumb li a .nav-icon{display:inline-block}ul.breadcrumb li a .nav-text{display:none;opacity:0}ul.breadcrumb li a:hover{width:150px}ul.breadcrumb li a:hover .nav-text{display:inline-block;opacity:1}hgroup h1{font-size:2rem;margin-top:.5em}hgroup h1,section h3{display:flex;justify-content:center}img[alt="splash face"]{filter:drop-shadow(0 0 20px rgba(0,0,0,.5333333333));max-width:100%}#home{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;gap:2rem;justify-content:space-evenly}@media screen and (min-width:995px){#home{flex-direction:row;gap:unset}#home>section{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:50%}}#resume{align-self:center;display:block}@media screen and (min-width:995px){#resume{max-width:60%}}#web-project-cards{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}#web-project-cards h2{width:100%}.dev-card{background:#020024;border:1px solid;border-radius:15px;color:#bbb;display:flex;flex-direction:column;margin:1.5em;min-width:15rem;padding:.5rem 1rem}.dev-card>footer{margin-top:auto}.dev-card:hover{background:linear-gradient(60deg,#020024,#090979 35%,#104955)}.dev-card-title{color:#fff;text-align:center}.card-list{background-color:rgba(77,87,126,.688);border-radius:10px;list-style-type:none;margin:.5em;padding:1rem}.card-list li:before{content:"🔹"}.timeline{font-size:1.1em;line-height:1.5;margin:0 auto 1em}.timeline .content h3{justify-content:left}.timeline>ul{margin:0 auto;max-width:700px;padding-bottom:1em;position:relative}.timeline>ul:before{border-left:5px solid #ccc;bottom:0;content:"";height:100%;left:1.75em;position:absolute;top:2em;top:0;transform-origin:0 0}.timeline>ul:after{background:none repeat scroll 0 0 #ddd;border:5px solid #ddd;border-radius:50%;bottom:0;box-shadow:1px 1px 1px rgba(0,0,0,.1);clear:both;content:"";height:20px;left:1.05em;position:absolute;width:20px}.timeline>ul>li{list-style-type:none;margin:0 0 3em;padding:0 2em;position:relative}.timeline>ul>li:before{background:none repeat scroll 0 0 #70abaf;border:5px solid #fff;border-radius:50%;content:"";height:30px;left:-1.5em;position:absolute;top:0;width:30px}#tech-stack-section{margin-left:auto;margin-right:auto;max-width:95%}@media screen and (min-width:995px){#tech-stack-section{max-width:80%}}.tech-stack-category{display:flex;gap:1rem;justify-content:space-between}.blog h1{font-size:1.5rem}@media screen and (min-width:995px){.blog h1{font-size:2rem}}.blog section div{align-items:center;display:flex;justify-content:center}.blog>section>section div{display:flex;flex-wrap:wrap;justify-content:space-evenly}.blog{justify-content:center}@media screen and (min-width:995px){.blog{flex-direction:column}}:root{--header-nav-border:rgba(23,83,110,.788);--header-nav-background-color:hsla(60,56%,91%,.301);--nav-button-background-color:#255c99;--nav-button-hover-color:#7ea3cc;--nav-button-background-active-color:rgba(5,171,212,.596);--background-color-a:#0a2342;--background-color-b:#a7a7a9;--font-color:#e4dfda;--external-link-color:#d4b483;--external-link-hover-color:#ee964b;--mobile-nav-menu-height:22em}html{font-family:Exo,sans-serif;font-optical-sizing:auto;font-style:normal}body,html{height:100%}body{background-attachment:fixed;background-image:linear-gradient(60deg,var(--background-color-a),var(--background-color-b));background-repeat:no-repeat;color:var(--font-color);display:flex;flex-direction:column;margin:0;min-height:100%}#app{display:contents}main{display:flex;flex:1 0 auto;flex-direction:column}article img{max-width:100%}.gallery-image{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:filter .3s ease,transform .3s ease}.vivid-fix{filter:brightness(1.1) contrast(1.15) saturate(1.2)}#contact-section{align-items:center;display:flex;flex-direction:column}main article{flex:1 0 auto;height:100%;margin:0 1rem}@media screen and (min-width:995px){main article{flex-direction:row;justify-content:space-around}picture{display:contents}img[alt="splash face"]{max-width:35%}}h1{margin:.5rem}p{margin:5px 0}article h1{font-size:2rem}article h1,article h2{align-items:center;display:flex;justify-content:center}@media screen and (min-width:995px){article h2{font-size:2rem}article h1{font-size:3rem}}.comming-soon{color:#b3b3b3}.table-of-contents-icon{margin:0 20px}#main-header{align-items:flex-start;display:flex}#main-header>button{all:unset;cursor:pointer;margin-left:.25rem;margin-right:.5rem;margin-top:.16rem}#main-header>button img{background-color:var(--header-nav-background-color);border-radius:5px;padding:1px}@media screen and (min-width:995px){#main-header{align-items:center}#main-header>button{margin-right:1.5rem}}#main-header nav{flex:auto}.fancy-img{cursor:pointer}.external-link{color:var(--external-link-color)}.external-link:hover{color:var(--external-link-hover-color)}li:has(>a.internal-link){margin:1rem 0}.internal-link{background-color:var(--nav-button-background-color);border-radius:10px;color:var(--font-color);padding:.5rem 1rem;text-decoration:none}.internal-link:hover{background-color:var(--nav-button-hover-color)}.section-figure{margin-left:.5rem;margin-right:.5rem}@media screen and (min-width:995px){.section-figure{justify-self:center;margin:revert;max-width:40vw}}.section-gallery{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.section-gallery>h2,hgroup,p{width:100%}#about-section{justify-self:center}@media screen and (min-width:995px){#about-section{max-width:70vw}}#bike-ride-gallery{display:grid;gap:1rem}.youtube,.youtube-fig{width:100%}@media screen and (min-width:995px){.youtube-fig{width:auto}.youtube{height:315px;width:560px}}.misc-inline-svg-icon{margin:0 10px 0 5px}