@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap";@import "https://pro.fontawesome.com/releases/v5.10.0/css/all.css";:root{--color-primary-hex:#301934;--color-accent-hex:#eceff1;--color-primary-rgb:48, 25, 52;--color-accent-rgb:236, 239, 241;--font-family:"Josefin Sans", sans-serif;--font-weight:normal;--slow-transition:.3s ease-out;--medium-transition:.25s ease-out;--fast-transition:.2s ease-out;--medium-opacity:.6;--high-opacity:.8;--full-opacity:1;--drop-shadow:drop-shadow(0 6px 3px rgba(0, 0, 0, var(--medium-opacity)));--drop-shadow-hover:drop-shadow(0 0 0 #0000)}@media (width>=2560px){:root{font-size:150%}section{width:94%}section:nth-of-type(2) .about-title,section:nth-of-type(2) .about-body,section:nth-child(3) .skills-title,section:nth-child(3) .skills-body,section:nth-child(4) .work-title,section:nth-child(4) .work-body{width:84%}section:nth-of-type(2) .about-body .description div:first-child img{width:min(32vw,680px);max-width:100%}}::selection{background:rgba(var(--color-accent-rgb), var(--high-opacity));color:rgba(var(--color-primary-rgb), var(--high-opacity))}@keyframes text-anim{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-anim{0%{opacity:0;transform:translateY(25%)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nav-anim{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes menu-anim{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translateY(0)}}@keyframes about-title-anim{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translateY(0)}}html,body{width:100vw;height:auto;font-family:var(--font-family), serif;transition:var(--slow-transition);background-color:var(--color-primary-hex);margin:0;padding:0;overflow:hidden scroll;scroll-behavior:smooth!important}html::-webkit-scrollbar{width:.4em}body::-webkit-scrollbar{width:.4em}html::-webkit-scrollbar-track{background-color:#0000}body::-webkit-scrollbar-track{background-color:#0000}html::-webkit-scrollbar-thumb{background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));border-radius:.4em}body::-webkit-scrollbar-thumb{background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));border-radius:.4em}html h1,html h2,html h3,html h4,html h5,html p,body h1,body h2,body h3,body h4,body h5,body p{-webkit-user-select:none;user-select:none}header{-webkit-backdrop-filter:blur(.6em);backdrop-filter:blur(.6em);width:100vw;height:88px;transition:var(--slow-transition);background-color:rgba(var(--color-primary-rgb), var(--high-opacity));justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}header img:first-child{cursor:pointer;transition:var(--slow-transition);margin-left:3.2em}header div{align-items:center;margin-right:3.2em;display:flex}header div ul{align-items:center;animation:.3s menu-anim;display:flex}header div ul li{transition:var(--fast-transition);color:rgba(var(--color-accent-rgb), var(--medium-opacity));margin:1.2em;font-size:1.1em;list-style:none}header div ul li:hover{cursor:pointer;font-weight:var(--font-weight);color:rgba(var(--color-accent-rgb), var(--full-opacity));transform:translateY(-.2em)}header img:nth-child(2){transition:var(--fast-transition);margin:1em}header img:nth-child(2):hover{cursor:pointer;transform:rotate(45deg)scale(1.2)}header img:nth-child(3){display:none}main{width:100%;height:auto}main .social-content{width:5em;height:100%;transition:var(--slow-transition);justify-content:center;align-items:flex-end;animation:.5s ease-out nav-anim;display:flex;position:fixed;bottom:0;left:0}main .social-content ul{margin:0;list-style:none}main .social-content ul li{margin:1.5em}main .social-content ul li img{opacity:var(--medium-opacity);transition:var(--fast-transition)}main .social-content ul li img:hover{cursor:pointer;opacity:1;transform:translateY(-.2em)scale(1.2)}main .social-content ul:after{content:"";background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));width:1px;height:6em;margin:auto;display:block}main .email-content{width:5em;height:100%;transition:var(--slow-transition);flex-direction:column;justify-content:flex-end;align-items:flex-start;animation:.5s ease-out nav-anim;display:flex;position:fixed;bottom:0;right:0}main .email-content p{color:rgba(var(--color-accent-rgb), var(--medium-opacity));writing-mode:vertical-rl;transition:var(--fast-transition);margin-top:1.5em;margin-bottom:1.5em;font-size:1.15em}main .email-content p:hover{cursor:pointer;color:var(--color-accent-hex);font-weight:var(--font-weight);transform:translateY(-.3em)}main .email-content:after{content:"";background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));width:1px;height:6em;margin-left:1.5em;display:block}main .main-content{flex-direction:column;align-items:center;width:100%;height:auto;display:flex}section{width:85%;height:100vh}section:first-child div{flex-direction:row;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;display:flex}section:first-child div div{width:48%;height:auto;color:rgba(var(--color-accent-rgb), var(--medium-opacity));flex-direction:column;margin:20em 2em 0 0}section:first-child div div p:first-child{font-size:1.5em;animation:.3s text-anim}section:first-child div div h1{color:rgba(var(--color-accent-rgb), var(--full-opacity));margin:.1em 0 0;font-size:4.5em;line-height:1em;animation:.4s text-anim}section:first-child div div p:nth-of-type(2){margin:.6em 0 0;font-size:2.4em;line-height:1.2em;animation:.5s text-anim}section:first-child div div button{font-size:1.2em;font-family:var(--font-family), serif;color:rgba(var(--color-accent-rgb), var(--medium-opacity));letter-spacing:.04em;border:.1em solid rgba(var(--color-accent-rgb), var(--medium-opacity));transition:var(--medium-transition);background-color:#0000;border-radius:.4em;margin-top:1.4em;padding:.6em .8em .5em;animation:.6s text-anim}section:first-child div div button:hover{cursor:pointer;color:var(--color-primary-hex);background-color:var(--color-accent-hex);transform:scale(.95)}section:first-child div img{width:32%;height:auto;filter:var(--drop-shadow);transition:var(--fast-transition);margin:12em 4em 0 0;animation:.3s ease-out avatar-anim}section:first-child div img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-of-type(2){flex-direction:column;justify-content:flex-start;align-items:center;display:flex}section:nth-of-type(2) .about-title{width:70%;height:auto;margin-top:3em}section:nth-of-type(2) .about-title h2{color:rgba(var(--color-accent-rgb), var(--high-opacity));font-size:2em;animation:.4s ease-out about-title-anim}section:nth-of-type(2) .about-title h2:after{content:"";vertical-align:middle;background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));width:8em;height:1px;margin:.6em;display:inline-block}section:nth-of-type(2) .about-body{justify-content:space-between;align-items:center;width:75%;height:100%;display:flex}section:nth-of-type(2) .about-body .timeline{width:45%;height:100%}section:nth-of-type(2) .about-body .timeline ul{margin:0;list-style:none}section:nth-of-type(2) .about-body .timeline ul li{margin-top:4em}section:nth-of-type(2) .about-body .timeline ul li h3{color:rgba(var(--color-accent-rgb), var(--medium-opacity));margin:0;font-size:1.4em}section:nth-of-type(2) .about-body .timeline ul li h3 a{color:rgba(var(--color-accent-rgb), var(--full-opacity));text-decoration:none}section:nth-of-type(2) .about-body .timeline ul li h5{color:rgba(var(--color-accent-rgb), var(--full-opacity));margin:.8em 0;font-size:0;font-weight:200;transition:all .3s}section:nth-of-type(2) .about-body .timeline ul li p{color:rgba(var(--color-accent-rgb), var(--high-opacity));margin-top:.6em;font-size:.8em}section:nth-of-type(2) .about-body .timeline ul li:hover h5{font-size:.8em}section:nth-of-type(2) .about-body .timeline ul li:after{content:"";float:left;background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));width:2px;height:2.5em;margin-left:.6em;display:block}section:nth-of-type(2) .about-body .description{width:50%;height:100%}section:nth-of-type(2) .about-body .description div:first-child{justify-content:center;width:100%;height:auto;display:flex}section:nth-of-type(2) .about-body .description div:first-child img{filter:var(--drop-shadow);transition:var(--fast-transition);animation:.3s ease-out avatar-anim}section:nth-of-type(2) .about-body .description div:first-child img:hover{cursor:pointer;filter:var(--drop-shadow-hover);border-width:.2em;border-color:rgba(var(--color-accent-rgb), var(--high-opacity));border-style:none inset inset none;border-radius:5.5em 5.5em 5.5em 0;padding:.3em;transform:scale(.95)}section:nth-of-type(2) .about-body .description div:nth-child(2){width:100%;height:auto;margin-top:3em}section:nth-of-type(2) .about-body .description div:nth-child(2) p{color:rgba(var(--color-accent-rgb), var(--medium-opacity));font-size:1.3em;line-height:1.3em}section:nth-of-type(2) .about-body .description div:nth-child(2) p:first-child{animation:.4s ease-out text-anim}section:nth-of-type(2) .about-body .description div:nth-child(2) p:nth-child(2){animation:.6s ease-out text-anim}section:nth-of-type(2) .about-body .description div:nth-child(2) p:nth-child(3){animation:.8s ease-out text-anim}section:nth-child(3){flex-direction:column;justify-content:flex-start;align-items:center;display:flex}section:nth-child(3) .skills-title{width:70%;height:auto;margin-top:3em}section:nth-child(3) .skills-title h2{color:rgba(var(--color-accent-rgb), var(--high-opacity));font-size:2em;animation:.4s ease-out about-title-anim}section:nth-child(3) .skills-title h2:after{content:"";vertical-align:middle;background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));width:8em;height:1px;margin:.6em;display:inline-block}section:nth-child(3) .skills-body{flex-direction:column;justify-content:flex-start;align-items:center;width:70%;height:100%;margin-top:2em;display:flex}section:nth-child(3) .skills-body div:first-of-type{width:100%;height:35%}section:nth-child(3) .skills-body div:first-of-type h2{color:rgba(var(--color-accent-rgb), var(--medium-opacity));text-align:center;margin-top:.5em;font-size:1.6em;animation:.6s text-anim}section:nth-child(3) .skills-body div:first-of-type div{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}section:nth-child(3) .skills-body div:first-of-type div article{width:10em;height:8em;color:var(--color-accent-hex);background:var(--color-primary-hex);transition:var(--medium-transition);border-radius:2em;flex-direction:column;justify-content:center;align-items:center;margin-top:2.4em;display:flex;position:relative;box-shadow:-.3em 0 1em #000}section:nth-child(3) .skills-body div:first-of-type div article:hover{cursor:pointer;height:10em;color:var(--color-primary-hex);background-color:var(--color-accent-hex);justify-content:flex-start;align-items:flex-start;transform:translateY(-2.6em)}section:nth-child(3) .skills-body div:first-of-type div article:hover img{width:2.5em;height:2.5em;transition:var(--slow-transition);margin:1em 0 0 1em}section:nth-child(3) .skills-body div:first-of-type div article:hover div{flex-direction:column;justify-content:center;align-items:center;display:flex}section:nth-child(3) .skills-body div:first-of-type div article:hover div h1{margin:0;font-size:2.6em}section:nth-child(3) .skills-body div:first-of-type div article:hover div p{color:var(--color-primary-hex);margin:.8em 0 0}section:nth-child(3) .skills-body div:first-of-type div article:hover~article{transform:translate(2.5em)}section:nth-child(3) .skills-body div:first-of-type div article:not(:first-child){margin-left:-2.5em}section:nth-child(3) .skills-body div:first-of-type div article img{width:4em;height:4em;transition:var(--slow-transition)}section:nth-child(3) .skills-body div:first-of-type div article div{display:none}section:nth-child(3) .skills-body div:first-of-type div article:first-of-type{animation:.3s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(2){animation:.4s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(3){animation:.5s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(4){animation:.6s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(5){animation:.7s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(6){animation:.8s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(7){animation:.9s menu-anim}section:nth-child(3) .skills-body div:first-of-type div article:nth-of-type(8){animation:1s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2){width:100%;height:30%}section:nth-child(3) .skills-body div:nth-of-type(2) h2{color:rgba(var(--color-accent-rgb), var(--medium-opacity));text-align:center;margin-top:0;font-size:1.4em;animation:.6s text-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}section:nth-child(3) .skills-body div:nth-of-type(2) div article{width:6em;height:6em;color:var(--color-accent-hex);background:var(--color-primary-hex);transition:var(--medium-transition);border-radius:1.5em;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5em;display:flex;position:relative;box-shadow:-.3em 0 1em #000}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover{cursor:pointer;width:8em;height:6em;color:var(--color-primary-hex);background-color:var(--color-accent-hex);justify-content:center;align-items:center;display:flex;transform:translateY(-1em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover img{width:1.6em;height:1.6em;transition:var(--slow-transition);margin-top:1em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover p{text-align:center;color:var(--color-primary-hex);margin:1em .2em 0;display:flex}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover~article{transform:translate(1em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:not(:first-child){margin-left:-1em}section:nth-child(3) .skills-body div:nth-of-type(2) div article img{width:2.6em;height:2.6em;transition:var(--slow-transition)}section:nth-child(3) .skills-body div:nth-of-type(2) div article p{display:none}section:nth-child(3) .skills-body div:nth-of-type(2) div article:first-of-type{animation:.5s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(2){animation:.6s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(3){animation:.7s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(4){animation:.8s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(5){animation:.9s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(6){animation:1s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(7){animation:1.1s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(8){animation:1.2s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(2) div article:nth-of-type(9){animation:1.3s menu-anim}section:nth-child(3) .skills-body div:nth-of-type(3){justify-content:center;align-items:center;width:100%;height:auto;display:flex}section:nth-child(3) .skills-body div:nth-of-type(3) img{width:16%;height:auto;filter:var(--drop-shadow);transition:var(--fast-transition);animation:.3s ease-out avatar-anim}section:nth-child(3) .skills-body div:nth-of-type(3) img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-child(3) .skills-body div:nth-of-type(3) p{color:rgba(var(--color-accent-rgb), var(--medium-opacity));margin-top:1em;margin-left:2em;font-size:1.3em;line-height:1.3em;animation:.6s ease-out text-anim}section:nth-child(4){flex-direction:column;justify-content:flex-start;align-items:center;width:85%;height:200vh;display:flex}section:nth-child(4) .work-title{width:70%;height:auto;margin-top:3em}section:nth-child(4) .work-title h2{color:rgba(var(--color-accent-rgb), var(--high-opacity));font-size:2em;animation:.4s ease-out about-title-anim}section:nth-child(4) .work-title h2:after{content:"";vertical-align:middle;background-color:rgba(var(--color-accent-rgb), var(--medium-opacity));width:8em;height:1px;margin:.6em;display:inline-block}section:nth-child(4) .work-body{grid-template-columns:repeat(2,1fr);align-items:start;gap:2.5em;width:75%;display:grid}section:nth-child(4) .work-item-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:1.5em;flex-direction:column;transition:all .35s cubic-bezier(.23,1,.32,1);animation:.3s ease-out text-anim;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}section:nth-child(4) .work-item-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}section:nth-child(4) .work-item-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-8px);box-shadow:0 24px 48px #00000026}section:nth-child(4) .work-item-card .work-card-image-wrapper{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}section:nth-child(4) .work-item-card .work-card-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}section:nth-child(4) .work-item-card .work-card-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000001a 100%);position:absolute;inset:0}section:nth-child(4) .work-item-card .work-card-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1)}section:nth-child(4) .work-item-card:hover .work-card-image img{transform:scale(1.1)}section:nth-child(4) .work-item-card .work-card-overlay{z-index:10;position:absolute;top:1em;right:1em}section:nth-child(4) .work-item-card .work-card-content{flex-direction:column;flex:1;gap:.8em;padding:1.5em;display:flex}section:nth-child(4) .work-item-card .work-period{color:rgba(var(--color-accent-rgb), var(--high-opacity));background:linear-gradient(135deg, rgba(var(--color-primary-rgb), 1), rgba(var(--color-primary-rgb), .8));border:1px solid rgba(var(--color-accent-rgb), .2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;border-radius:.7em;width:fit-content;padding:.5em .8em;font-size:.8em;font-weight:600;display:inline-block}section:nth-child(4) .work-item-card h3{color:rgba(var(--color-accent-rgb), var(--full-opacity));letter-spacing:.01em;background:linear-gradient(135deg, rgba(var(--color-accent-rgb), 1), rgba(var(--color-accent-rgb), .8));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6em;font-weight:700}section:nth-child(4) .work-item-card .work-description{color:rgba(var(--color-accent-rgb), var(--high-opacity));margin:0;font-size:1em;font-weight:500;line-height:1.4em}section:nth-child(4) .work-item-card .work-detail{color:rgba(var(--color-accent-rgb), var(--medium-opacity));margin:0;font-size:.7em;line-height:1.4em}section:nth-child(4) .work-item-card .work-highlights{flex-wrap:wrap;gap:.6em;margin:0;display:flex}section:nth-child(4) .work-item-card .highlight{color:rgba(var(--color-accent-rgb), var(--high-opacity));background:linear-gradient(135deg, rgba(var(--color-accent-rgb), .15), rgba(var(--color-accent-rgb), .08));border:1px solid rgba(var(--color-accent-rgb), .2);border-radius:.5em;padding:.4em .8em;font-size:.85em;font-weight:500;transition:all .25s}section:nth-child(4) .work-item-card:hover .highlight{background:linear-gradient(135deg, rgba(var(--color-accent-rgb), .25), rgba(var(--color-accent-rgb), .15));border-color:rgba(var(--color-accent-rgb), .4);transform:translateY(-2px)}section:nth-child(4) .work-item-card .work-tech-stack{flex-wrap:wrap;gap:.5em;margin:0;display:flex}section:nth-child(4) .work-item-card .tech-tag{background:linear-gradient(135deg, rgba(var(--color-accent-rgb), .1), rgba(var(--color-accent-rgb), .05));color:rgba(var(--color-accent-rgb), var(--high-opacity));border:1.5px solid rgba(var(--color-accent-rgb), .15);letter-spacing:.02em;border-radius:.6em;padding:.4em .8em;font-size:.8em;font-weight:500;transition:all .25s}section:nth-child(4) .work-item-card:hover .tech-tag{background:linear-gradient(135deg, rgba(var(--color-accent-rgb), .2), rgba(var(--color-accent-rgb), .1));border-color:rgba(var(--color-accent-rgb), .35);transform:translateY(-1px)}section:nth-child(4) .work-item-card .play-store-link{color:rgba(var(--color-accent-rgb), var(--medium-opacity));border:2px solid rgba(var(--color-accent-rgb), .5);font-family:var(--font-family), serif;transition:all var(--medium-transition);cursor:pointer;background:0 0;border-radius:.5em;justify-content:center;align-items:center;gap:.5em;width:fit-content;margin-top:auto;margin-right:.5em;padding:.5em .9em;font-size:.9em;text-decoration:none;display:inline-flex;position:relative;overflow:visible}section:nth-child(4) .work-item-card .play-store-link:hover{cursor:pointer;background:rgba(var(--color-accent-rgb), .1);border-color:rgba(var(--color-accent-rgb), var(--full-opacity));color:rgba(var(--color-accent-rgb), var(--full-opacity));transform:scale(.95)}#main-section .intro-actions{gap:1em;margin-top:1.5em;display:flex}#main-section button{border:2px solid rgba(var(--color-accent-rgb), .5);color:rgba(var(--color-accent-rgb), var(--medium-opacity));cursor:pointer;font-family:var(--font-family), serif;transition:all var(--medium-transition);background:0 0;border-radius:.5em;margin-right:.5em;padding:.7em 1.2em;font-size:1em}#main-section button:hover{background:rgba(var(--color-accent-rgb), .1);border-color:rgba(var(--color-accent-rgb), var(--full-opacity));color:rgba(var(--color-accent-rgb), var(--full-opacity))}section:nth-child(5){flex-direction:column;justify-content:center;align-items:center;height:75vh;font-size:1.5em;display:flex}section:nth-child(5) img{width:20%;filter:var(--drop-shadow);transition:var(--fast-transition);margin-top:6em;animation:.3s ease-out avatar-anim}section:nth-child(5) img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-child(5) p{color:rgba(var(--color-accent-rgb), var(--medium-opacity));animation:.3s text-anim}section:nth-child(5) button{font-size:1.2em;font-family:var(--font-family), serif;color:rgba(var(--color-accent-rgb), var(--medium-opacity));letter-spacing:.04em;border:.1em solid rgba(var(--color-accent-rgb), var(--medium-opacity));transition:var(--medium-transition);background-color:#0000;border-radius:.4em;margin-top:1.4em;padding:.6em .8em .5em;animation:.6s text-anim}section:nth-child(5) button:hover{cursor:pointer;color:var(--color-primary-hex);background-color:var(--color-accent-hex);transform:scale(.95)}section:nth-child(5) button{border:.05em solid rgba(var(--color-accent-rgb), var(--medium-opacity));margin-top:0;font-size:.8em;animation:.6s text-anim}section:nth-child(5) h1{color:rgba(var(--color-accent-rgb), var(--medium-opacity));transition:all .3s}section:nth-child(5) h1:hover{cursor:pointer;color:rgba(var(--color-accent-rgb), var(--full-opacity));transform:translateY(.2em)}footer{justify-content:center;align-items:center;width:85%;height:100px;display:flex}footer p{text-align:center;color:rgba(var(--color-accent-rgb), var(--medium-opacity));margin:0;padding:0;line-height:1.5em;animation:.6s text-anim}footer p span{cursor:pointer;font-weight:var(--font-weight);color:var(--color-accent-hex)}footer ul{list-style:none;animation:.6s menu-anim;display:none}footer ul li{margin:.8em}footer ul li img{opacity:var(--medium-opacity);transition:var(--fast-transition)}footer ul li img:hover{cursor:pointer;opacity:1;transform:translateY(-.2em)scale(1.2)}.left-menu{width:0;height:100%;transition:var(--medium-transition);position:fixed;top:0;right:0}.left-menu span{cursor:pointer;width:0;height:0;color:var(--color-primary-hex);margin:1em;font-size:1.4em;display:flex}.left-menu ul{margin-top:6em}.left-menu ul li{cursor:pointer;color:var(--color-primary-hex);margin-top:2em;font-size:1.4em;list-style:none}.left-menu{background-color:var(--color-accent-hex)}@media screen and (width>=1080px) and (width<=1281px){section:first-child div div h1{font-size:3.5em}section:first-child div div p:nth-of-type(2){font-size:2em}section:first-child div img{margin-top:20em}section:nth-of-type(2) .about-title,section:nth-of-type(2) .about-body{width:85%}section:nth-of-type(2) .about-body .timeline{width:60%}section:nth-of-type(2) .about-body .timeline ul li h3{font-size:1.2em}section:nth-of-type(2) .about-body .timeline ul li p{font-size:.8em}section:nth-of-type(2) .about-body .timeline ul li:hover h5{margin:.6em 0;font-size:.8em;line-height:1.5em}section:nth-of-type(2) .about-body .timeline ul li:first-of-type{margin-top:2em}section:nth-of-type(2) .about-body .description{width:45%}section:nth-of-type(2) .about-body .description div:first-child img{border-radius:4em 4em 4em 0;width:90%}section:nth-of-type(2) .about-body .description div:first-child img:hover{border-radius:4em 4em 4em 0}section:nth-of-type(2) .about-body .description div:nth-child(2) p{font-size:1.2em}section:nth-child(3) .skills-title,section:nth-child(3) .skills-body{width:85%}section:nth-child(3) .skills-body div:first-of-type div article{width:8em;height:7em}section:nth-child(3) .skills-body div:first-of-type div article:hover{height:9em;transform:translateY(-3em)}section:nth-child(3) .skills-body div:first-of-type div article:hover img{width:2em;height:2em}section:nth-child(3) .skills-body div:first-of-type div article:hover div h1{font-size:2.4em}section:nth-child(3) .skills-body div:first-of-type div article:hover~article{transform:translate(3em)}section:nth-child(3) .skills-body div:first-of-type div article:not(:first-child){margin-left:-3em}section:nth-child(3) .skills-body div:nth-of-type(2) div article{width:5em;height:5em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover{width:7em;height:5em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover img{width:1.6em;height:1.6em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover p{font-size:.9em}section:nth-child(3) .skills-body div:nth-of-type(2) div article img{width:2em;height:2em}section:nth-child(3) .skills-body div:nth-of-type(3) img{width:20%}section:nth-child(4){height:200vh}section:nth-child(4) .work-title,section:nth-child(4) .work-body{width:85%}}@media screen and (width<=900px){section:nth-child(4) .work-body{grid-template-columns:1fr}}