nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background-color:#141c29bf;width:100%;margin-block:.75rem -84px;padding:.75rem 4rem;position:sticky;top:0}#nav-content{flex-direction:row;justify-content:space-between;align-items:center;max-width:1400px;margin-inline:auto;display:flex}#nav-content>a{justify-content:center;align-items:center;gap:.75rem;display:flex}#nav-content>a>img{float:left}#nav-content>a>p{float:left;width:max-content;color:var(--text-color);font-size:1.25rem;font-weight:500}#hamburger{display:none}.nav-links{justify-content:space-between;align-items:center;width:34rem;padding-left:2rem;display:flex}.nav-links>a{color:#afbacf;font-size:1.2rem;transition:color .2s ease-in-out,transform .3s}.nav-links>a:hover{color:#dde3ee;transform:translateY(-2px)}@media (max-width:768px){nav{margin-block:.5rem -60px;padding:.7rem 2rem}#nav-content>a>img{width:38px;height:38px}#nav-content>a{gap:.5rem}#nav-content>a>p{margin-bottom:2px;font-size:1.1rem;line-height:1.1}#hamburger{background-color:#0000;border:none;width:38px;height:38px;padding:4px;display:block}#hamburger>svg{width:100%;height:100%;stroke:var(--light-text-color);stroke-width:2px}.nav-links{z-index:-1;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:calc(60px + .3rem) 2rem 1rem;display:none;position:absolute;top:0;left:0}.nav-links>a{color:var(--text-color)}.nav-links.open{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#141c29bf;display:flex}}
#left{float:left;width:65%}#left p{margin-bottom:1.5rem;line-height:1.6}#about ul{column-gap:1rem;display:grid}#right:before{content:"";background:#1aa1e6;border-radius:25px;width:1px;height:100%;display:block;position:absolute;left:-2rem}#right{float:left;width:calc(35% - 3rem);margin-left:3rem;position:relative}#right li{flex-direction:column;margin-block:.5rem;display:flex}#right li:first-of-type{margin-top:0}#right h4{color:var(--text-color);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}#right p{font-size:1.3rem}@media screen and (max-width:768px){#left{width:100%}#left p{margin-bottom:1rem;font-size:1.1rem;line-height:1.5}#right{width:100%;margin-left:0}#right:before{display:none}#right h4{font-size:1.2rem}#right p{font-size:1.1rem}}
#projects>#wrapper{flex-flow:wrap;justify-content:space-around;gap:3rem;padding-top:1.5rem;display:flex}.card{background-color:#1b2437;border-radius:12px;flex-direction:column;place-content:center;place-items:center;gap:1rem;width:100%;max-width:500px;height:fit-content;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 5px 10px 5px #0a0f1640}.card:hover{box-shadow:0 5px 20px 10px #0a0f1666}.card>.card-img{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.card>.card-img>img,.project-modal>.modal-img img{object-fit:contain}.card-content{padding-inline:2rem;flex-direction:column;place-items:center;gap:2rem;width:100%;padding-bottom:2rem;display:flex}.card-content>h3,.project-modal>h3{width:100%;color:var(---text-color);font-size:1.6rem;font-weight:700;position:relative}.card-content>h3:after{content:"";background-color:var(--primary-color);border-radius:25px;width:25%;height:1px;display:block;position:absolute;bottom:-1rem;left:0}.card-content>p{color:var(--light-text-color);white-space:pre-line;font-size:1.2rem;font-weight:500}.card-content>ul{flex-flow:wrap;place-content:space-around;gap:.5rem;width:100%;display:flex}.card-content>ul>li{color:var(---text-color)}.card-content>.links{flex-direction:row;place-content:space-around;gap:.5rem;width:100%;display:flex}.links>.btn,.links>.btn:hover{margin-block:0 .5rem;transition:none;transform:none}.modal-bg{background-color:#0a0f16bf;place-content:center;place-items:center;width:100vw;height:100vh;padding-top:56px;display:flex;position:fixed;top:0;left:0}.project-modal{background-color:#1b2437;border-radius:12px;flex-direction:column;place-content:center;place-items:center;gap:1.5rem;width:90vw;max-width:750px;height:fit-content;padding:1rem 2rem;display:flex;position:relative;overflow:scroll}.project-modal>h3,.project-modal>p{text-align:center}.project-modal>p{font-size:1.2rem}.project-modal>.modal-img{aspect-ratio:16/9;border-radius:5px;width:100%;position:relative;overflow:hidden}.project-modal>.custom-aspect{aspect-ratio:2.69!important}@media screen and (max-width:768px){#projects>#wrapper{padding-top:0}.card-content{padding-inline:1.5rem;flex-direction:column;place-items:center;gap:1rem;width:100%;padding-bottom:1rem;display:flex}.card-content>h3{font-size:1.4rem}.card-content>h3:after{bottom:-.5rem}.card-content>p,.card-content>ul>li{font-size:1rem}.card-content>.links{flex-wrap:wrap;gap:.5rem}.links>.btn>a{padding:.5rem .8rem;font-size:.9rem}.project-modal{gap:1rem;padding:1rem 1.5rem}}
footer{justify-content:center;align-items:center;padding:2rem 0;display:flex}footer a{color:#e8edf7bf}@media screen and (max-width:768px){footer a{font-size:.9rem}}
#experience{margin-bottom:2.75rem;padding-bottom:0}#experience span{flex-direction:row;place-content:space-between;gap:1rem;display:flex}#experience span>h4{width:fit-content;color:var(--text-color);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}#experience span>p{width:fit-content;font-size:1.2rem}#experience article{max-width:950px;margin-inline:auto}.work:first-of-type{margin-bottom:2rem}.work>h6{width:fit-content;color:var(--text-color);margin-block:-.5rem 1rem;font-size:1.4rem;font-weight:400}.work-list>li:before{content:"•";color:var(--primary-color);width:2ch;display:inline-block}.work-list>li{margin-block:.5rem;font-size:1.4rem;font-weight:400}@media screen and (max-width:768px){#experience{margin-bottom:1.5rem}#experience span{flex-direction:column;gap:0}#experience span>h4{order:2;font-size:1.4rem}#experience span>p{order:1;font-size:1.1rem}.work>h6{font-size:1.2rem}.work>p,.work-list>li{font-size:1.1rem}}
#contact{text-align:center;flex-direction:column;place-items:center;max-width:950px;display:flex}#contact>h2{margin-bottom:1.5rem}#contact>.row{place-items:space-between;flex-flow:wrap;gap:2rem;padding-block:1.5rem 1rem;display:flex}.row>a{color:var(--light-text-color);gap:.25rem;font-size:1.1rem;font-weight:500;transition:color .2s ease-in-out,transform .3s}.row>a:hover{color:#dde3ee;transform:translateY(-2px)}@media screen and (max-width:768px){#contact{text-align:start;place-items:start}#contact>.row{flex-direction:column;gap:1rem;padding-block:1rem .5rem}}
#education{padding-top:0}#education span{flex-direction:row;place-content:space-between;gap:1rem;display:flex}#education span>h4{width:fit-content;color:var(--text-color);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}#education span>p{width:fit-content;font-size:1.2rem}#education article{max-width:950px;margin-inline:auto}@media screen and (max-width:768px){#education span{flex-direction:column;gap:0}#education span>h4{order:2;font-size:1.4rem}#education span>p{order:1;font-size:1.1rem}}
#update-dialog{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#1b2437bf;border:2px solid #324467bf;border-radius:8px;margin-left:24px;padding:22px 22px 6px;position:fixed;bottom:24px;right:24px;box-shadow:0 0 10px 2px #0a0f1640}#update-dialog>.header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#update-dialog>.header>h4{color:var(--text-color);font-size:1.4rem}#update-dialog>.header>svg{cursor:pointer}#update-dialog>.subtitle{max-width:500px;font-size:18px;line-height:1.4}