@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{--is-dark-mode:1;--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;--low-opacity:.4;--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{flex-direction:column;justify-content:center;align-items:center;width:70%;height:100%;display:flex}section:nth-child(4) .work-body .color-palette{justify-content:flex-end;align-items:center;width:100%;height:25%;display:flex}section:nth-child(4) .work-body .color-palette img{width:20%;height:auto;filter:var(--drop-shadow);transition:var(--fast-transition);animation:.3s ease-out avatar-anim}section:nth-child(4) .work-body .color-palette img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-child(4) .work-body .color-palette div{justify-content:flex-start;align-items:center;width:70%;height:100%;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder{justify-content:center;align-items:center;width:34em;height:20em;margin-left:4em;transition:all .3s;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-front{width:34em;height:20em;filter:var(--drop-shadow);background-image:url(/assets/cp_prl-C0StYMdV.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2em;margin:0;transition:all .25s;position:relative}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag{background-color:var(--color-accent-hex);place-self:flex-start flex-end;width:1.4em;height:auto;margin-top:2em;transition:all .6s}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag p{writing-mode:vertical-rl;color:var(--color-primary-hex);font-size:.85em;font-weight:900}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag.tag-left{border-radius:.8em 0 0 .8em;order:-1}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag.tag-right{border-radius:0 .8em .8em 0;order:1}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag p{margin:1.2em 0 1.2em .2em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back{opacity:0;width:30em;height:20em;transition:var(--medium-transition);background-color:var(--color-accent-hex);border-radius:2em;flex-direction:column;justify-content:flex-end;margin:0;position:absolute}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article{width:70%;height:80%;color:var(--color-primary-hex);align-self:flex-end;align-items:flex-start}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article h1{transition:var(--medium-transition);margin:1em 0 0;font-size:2em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:first-of-type,section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(2){width:90%;opacity:var(--high-opacity);margin:.8em 0;font-size:1.2em;line-height:1.2em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(3){margin:1.4em 0 0;font-size:1em;font-weight:900}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(3) span :hover{cursor:pointer}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div{width:100%;height:20%}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul{justify-content:center;align-items:center;width:100%;padding:0;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li{cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, var(--medium-opacity)));transition:var(--medium-transition);color:var(--color-accent-hex);background-color:var(--color-primary-hex);border-radius:1em;margin:.4em;padding:.45em .8em .35em;font-size:.8em;list-style:none}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li:hover{filter:var(--drop-shadow-hover)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-back{opacity:1;width:36em;height:20em;filter:var(--drop-shadow);border-radius:2em;transform:translate(8em)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front{border-radius:3em 3em 0;width:16em;transform:translate(-8em,-4em)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front:hover{cursor:pointer}section:nth-child(4) .work-body .wallpaper-sh{justify-content:flex-start;align-items:center;width:100%;height:25%;display:flex}section:nth-child(4) .work-body .wallpaper-sh img{width:20%;height:auto;filter:var(--drop-shadow);transition:var(--fast-transition);animation:.3s ease-out avatar-anim}section:nth-child(4) .work-body .wallpaper-sh img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-child(4) .work-body .wallpaper-sh div{justify-content:flex-end;align-items:center;width:70%;height:100%;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder{justify-content:center;align-items:center;width:34em;height:20em;margin-right:4em;transition:all .3s;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-front{width:34em;height:20em;filter:var(--drop-shadow);background-image:url(/assets/ws_prl-C_tMbIWE.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2em;margin:0;transition:all .25s;position:relative}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag{background-color:var(--color-accent-hex);place-self:flex-start flex-end;width:1.4em;height:auto;margin-top:2em;transition:all .6s}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag p{writing-mode:vertical-rl;color:var(--color-primary-hex);font-size:.85em;font-weight:900}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag.tag-left{border-radius:.8em 0 0 .8em;order:-1}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag.tag-right{border-radius:0 .8em .8em 0;order:1}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag p{margin:1.2em .2em 1.2em 0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back{opacity:0;width:30em;height:20em;transition:var(--medium-transition);background-color:var(--color-accent-hex);border-radius:2em;flex-direction:column;justify-content:flex-start;margin:0;position:absolute}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article{text-align:right;width:70%;height:80%;color:var(--color-primary-hex);flex-direction:column;justify-content:center;align-self:flex-start;align-items:flex-end;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article h1{transition:var(--medium-transition);margin:1em 0 0;font-size:2em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:first-of-type,section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(2){width:90%;opacity:var(--high-opacity);margin:.8em 0 0;font-size:1.2em;line-height:1.2em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(3){margin:1.4em 0 0;font-size:1em;font-weight:900}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(3) span :hover{cursor:pointer}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div{width:100%;height:20%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul{justify-content:center;align-items:center;width:100%;padding:0;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li{cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, var(--medium-opacity)));transition:var(--medium-transition);color:var(--color-accent-hex);background-color:var(--color-primary-hex);border-radius:1em;margin:.4em;padding:.45em .8em .35em;font-size:.8em;list-style:none}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li:hover{filter:var(--drop-shadow-hover)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-back{opacity:1;width:36em;height:20em;filter:var(--drop-shadow);border-radius:2em;transform:translate(-8em)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front{border-radius:3em 3em 3em 0;width:16em;transform:translate(8em,-4em)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front:hover{cursor:pointer}section:nth-child(4) .work-body .short-stories{justify-content:flex-end;align-items:center;width:100%;height:25%;display:flex}section:nth-child(4) .work-body .short-stories img{width:20%;height:auto;filter:var(--drop-shadow);transition:var(--fast-transition);animation:.3s ease-out avatar-anim}section:nth-child(4) .work-body .short-stories img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-child(4) .work-body .short-stories div{justify-content:flex-start;align-items:center;width:70%;height:100%;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder{justify-content:center;align-items:center;width:34em;height:20em;margin-left:4em;transition:all .3s;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-front{width:34em;height:20em;filter:var(--drop-shadow);background-image:url(/assets/ss_prl-ARwE4THT.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2em;margin:0;transition:all .25s;position:relative}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag{background-color:var(--color-accent-hex);place-self:flex-start flex-end;width:1.4em;height:auto;margin-top:2em;transition:all .6s}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag p{writing-mode:vertical-rl;color:var(--color-primary-hex);font-size:.85em;font-weight:900}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag.tag-left{border-radius:.8em 0 0 .8em;order:-1}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag.tag-right{border-radius:0 .8em .8em 0;order:1}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag p{margin:1.2em 0 1.2em .2em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back{opacity:0;width:30em;height:20em;transition:var(--medium-transition);background-color:var(--color-accent-hex);border-radius:2em;flex-direction:column;justify-content:flex-end;margin:0;position:absolute}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article{width:70%;height:80%;color:var(--color-primary-hex);align-self:flex-end;align-items:flex-start}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article h1{transition:var(--medium-transition);margin:1em 0 0;font-size:2em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2){width:90%;opacity:var(--high-opacity);margin:.8em 0;font-size:1.2em;line-height:1.2em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type a,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2) a{color:var(--color-primary-hex);font-weight:bolder;text-decoration:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(3){margin:1.4em 0 0;font-size:1em;font-weight:900}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(3) span :hover{cursor:pointer}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div{width:100%;height:20%}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul{justify-content:center;align-items:center;width:100%;padding:0;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li{cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, var(--medium-opacity)));transition:var(--medium-transition);color:var(--color-accent-hex);background-color:var(--color-primary-hex);border-radius:1em;margin:.4em;padding:.45em .8em .35em;font-size:.8em;list-style:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li:hover{filter:var(--drop-shadow-hover)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-back{opacity:1;width:36em;height:20em;filter:var(--drop-shadow);border-radius:2em;transform:translate(8em)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front{border-radius:3em 3em 0;width:16em;transform:translate(-8em,-4em)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front:hover{cursor:pointer}section:nth-child(4) .work-body .musify{justify-content:flex-start;align-items:center;width:100%;height:25%;display:flex}section:nth-child(4) .work-body .musify img{width:20%;height:auto;filter:var(--drop-shadow);transition:var(--fast-transition);animation:.3s ease-out avatar-anim}section:nth-child(4) .work-body .musify img:hover{cursor:pointer;filter:var(--drop-shadow-hover);transform:scale(.95)}section:nth-child(4) .work-body .musify div{justify-content:flex-end;align-items:center;width:70%;height:100%;display:flex}section:nth-child(4) .work-body .musify div .mf-holder{justify-content:center;align-items:center;width:34em;height:20em;margin-right:4em;transition:all .3s;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-front{width:34em;height:20em;filter:var(--drop-shadow);background-image:url(/assets/mf_prl-yRwwKZGg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2em;margin:0;transition:all .25s;position:relative}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag{background-color:var(--color-accent-hex);place-self:flex-start flex-end;width:1.4em;height:auto;margin-top:2em;transition:all .6s}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag p{writing-mode:vertical-rl;color:var(--color-primary-hex);font-size:.85em;font-weight:900}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag.tag-left{border-radius:.8em 0 0 .8em;order:-1}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag.tag-right{border-radius:0 .8em .8em 0;order:1}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag p{margin:1.2em .2em 1.2em 0}section:nth-child(4) .work-body .musify div .mf-holder .mf-back{opacity:0;width:30em;height:20em;transition:var(--medium-transition);background-color:var(--color-accent-hex);border-radius:2em;flex-direction:column;justify-content:flex-start;margin:0;position:absolute}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article{text-align:right;width:70%;height:80%;color:var(--color-primary-hex);flex-direction:column;justify-content:center;align-self:flex-start;align-items:flex-end;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article h1{transition:var(--medium-transition);margin:1em 0 0;font-size:2em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:first-of-type,section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(2){width:90%;opacity:var(--high-opacity);margin:.8em 0 0;font-size:1.2em;line-height:1.2em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(3){margin:1.4em 0 0;font-size:1em;font-weight:900}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(3) span :hover{cursor:pointer}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div{width:100%;height:20%}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul{justify-content:center;align-items:center;width:100%;padding:0;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li{cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, var(--medium-opacity)));transition:var(--medium-transition);color:var(--color-accent-hex);background-color:var(--color-primary-hex);border-radius:1em;margin:.4em;padding:.45em .8em .35em;font-size:.8em;list-style:none}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li:hover{filter:var(--drop-shadow-hover)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-back{opacity:1;width:36em;height:20em;filter:var(--drop-shadow);border-radius:2em;transform:translate(-8em)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front{border-radius:3em 3em 3em 0;width:16em;transform:translate(8em,-4em)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front:hover{cursor:pointer}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:180vh}section:nth-child(4) .work-title,section:nth-child(4) .work-body{width:85%}section:nth-child(4) .work-body .color-palette{justify-content:center}section:nth-child(4) .work-body .color-palette div .cp-holder{width:26em;height:16em;margin-left:3em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-front{width:26em;height:16em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag{display:none}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back{opacity:0;width:26em;height:16em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article{width:75%;height:80%}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article h1{font-size:1.5em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:first-of-type,section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li{font-size:.7em;font-weight:var(--font-weight)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-back{opacity:1;width:30em;height:18em}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front{width:14em;height:18em;transform:translate(-8em,-4em)}section:nth-child(4) .work-body .wallpaper-sh{justify-content:center}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder{width:26em;height:16em;margin-right:3em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-front{width:26em;height:16em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag{display:none}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back{opacity:0;width:26em;height:16em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article{width:75%;height:80%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article h1{font-size:1.5em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:first-of-type,section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li{font-size:.7em;font-weight:var(--font-weight)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-back{opacity:1;width:30em;height:18em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front{width:14em;height:18em;transform:translate(8em,-4em)}section:nth-child(4) .work-body .short-stories{justify-content:center}section:nth-child(4) .work-body .short-stories div .ss-holder{width:26em;height:16em;margin-left:3em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-front{width:26em;height:16em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag{display:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back{opacity:0;width:26em;height:16em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article{width:75%;height:80%}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article h1{font-size:1.5em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li{font-size:.7em;font-weight:var(--font-weight)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-back{opacity:1;width:30em;height:18em}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front{width:14em;height:18em;transform:translate(-8em,-4em)}section:nth-child(4) .work-body .musify{justify-content:center}section:nth-child(4) .work-body .musify div .mf-holder{width:26em;height:16em;margin-right:3em}section:nth-child(4) .work-body .musify div .mf-holder .mf-front{width:26em;height:16em}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag{display:none}section:nth-child(4) .work-body .musify div .mf-holder .mf-back{opacity:0;width:26em;height:16em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article{width:75%;height:80%}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article h1{font-size:1.5em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:first-of-type,section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li{font-size:.7em;font-weight:var(--font-weight)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-back{opacity:1;width:30em;height:18em}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front{width:14em;height:18em;transform:translate(8em,-4em)}section:nth-child(5) img{width:40%}}@media screen and (width>=960px) and (width<=1081px){section:first-child div{flex-direction:column;justify-content:center;align-items:center;display:flex}section:first-child div div{width:85%;margin:1em 0 0}section:first-child div div p:first-child{font-size:1.2em}section:first-child div div h1{margin-top:0;font-size:3.5em}section:first-child div div p:nth-of-type(2){text-align:center;font-size:2em}section:first-child div div button{font-size:1.1em}section:first-child div div{order:2}section:first-child div img{order:1;width:auto;height:36%;margin:4em 0 0}section:nth-of-type(2) .about-title{width:85%;margin-top:6em;font-size:.8em}section:nth-of-type(2) .about-body{width:90%}section:nth-of-type(2) .about-body .timeline{width:50%}section:nth-of-type(2) .about-body .timeline ul li h3{font-size:1em}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{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{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.1em;line-height:1.5em}section:nth-child(3) .skills-title{width:85%;margin-top:6em;font-size:.8em}section:nth-child(3) .skills-body{width:85%}section:nth-child(3) .skills-body div:first-of-type h2{margin-top:.4em;font-size:1.4em}section:nth-child(3) .skills-body div:first-of-type div article{width:7em;height:6em;margin-top:2.6em}section:nth-child(3) .skills-body div:first-of-type div article:hover{height:8em;transform:translateY(-3em)}section:nth-child(3) .skills-body div:first-of-type div article:hover img{width:1.8em;height:1.8em;margin:.8em 0 0 .8em}section:nth-child(3) .skills-body div:first-of-type div article:hover div h1{font-size:2.2em}section:nth-child(3) .skills-body div:first-of-type div article:hover div p{margin:.6em 0 0;font-size:.9em}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:first-of-type div article img{width:3em;height:3em}section:nth-child(3) .skills-body div:nth-of-type(2) h2{margin-top:.4em;font-size:1.4em}section:nth-child(3) .skills-body div:nth-of-type(2) div article{width:4.5em;height:4.5em;margin-top:2em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover{width:6em;height:4.5em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover img{width:1.4em;height:1.4em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover p{font-size:.8em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover~article{transform:translate(1.4em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:not(:first-child){margin-left:-1.4em}section:nth-child(3) .skills-body div:nth-of-type(2) div article img{width:1.8em;height:1.8em}section:nth-child(3) .skills-body div:nth-of-type(3) img{width:20%}section:nth-child(3) .skills-body div:nth-of-type(3) p{font-size:1.2em;line-height:1.4em}section:nth-child(4){height:180vh}section:nth-child(4) .work-title{width:85%;margin-top:6em;font-size:.8em}section:nth-child(4) .work-body{width:85%}section:nth-child(4) .work-body .color-palette{justify-content:flex-start}section:nth-child(4) .work-body .color-palette div .cp-holder{width:22em;height:16em;margin-left:3em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-front{width:22em;height:16em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag{display:none}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back{opacity:0;width:22em;height:16em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article{width:74%;height:80%}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article h1{font-size:1.6em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:first-of-type,section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(3){font-size:1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li{font-size:.7em;font-weight:var(--font-weight);border-radius:.8em;margin:.3em;padding:.5em .8em .4em}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-back{opacity:1;width:28em;height:18em}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front{width:13em;height:18em;transform:translate(-6em,-3.5em)}section:nth-child(4) .work-body .wallpaper-sh{justify-content:flex-end}section:nth-child(4) .work-body .wallpaper-sh div{width:80%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder{width:22em;height:16em;margin-right:3em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-front{width:22em;height:16em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag{display:none}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back{opacity:0;width:22em;height:16em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article{width:74%;height:80%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article h1{font-size:1.6em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:first-of-type,section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(2){font-size:1em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(3){font-size:.95em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li{font-size:.7em;font-weight:var(--font-weight);border-radius:.8em;margin:.3em;padding:.55em .8em .4em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-back{opacity:1;width:28em;height:18em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front{width:13em;height:18em;transform:translate(6em,-3.5em)}section:nth-child(4) .work-body .short-stories{justify-content:flex-start}section:nth-child(4) .work-body .short-stories div .ss-holder{width:22em;height:16em;margin-left:3em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-front{width:22em;height:16em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag{display:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back{opacity:0;width:22em;height:16em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article{width:74%;height:80%}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article h1{font-size:1.6em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(3){font-size:1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li{font-size:.7em;font-weight:var(--font-weight);border-radius:.8em;margin:.3em;padding:.5em .8em .4em}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-back{opacity:1;width:28em;height:18em}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front{width:13em;height:18em;transform:translate(-6em,-3.5em)}section:nth-child(4) .work-body .musify{justify-content:flex-end}section:nth-child(4) .work-body .musify div{width:80%}section:nth-child(4) .work-body .musify div .mf-holder{width:22em;height:16em;margin-right:3em}section:nth-child(4) .work-body .musify div .mf-holder .mf-front{width:22em;height:16em}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag{display:none}section:nth-child(4) .work-body .musify div .mf-holder .mf-back{opacity:0;width:22em;height:16em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article{width:74%;height:80%}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article h1{font-size:1.6em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:first-of-type,section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(2){font-size:1.1em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(3){font-size:1em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul{justify-content:center;align-items:center;padding:0;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li{font-size:.7em;font-weight:var(--font-weight);border-radius:.8em;margin:.3em;padding:.5em .8em .4em}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-back{opacity:1;width:28em;height:18em}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front{width:13em;height:18em;transform:translate(6em,-3.5em)}section:nth-child(5) img{width:45%}section:nth-child(5) button{font-size:.75em}}@media screen and (width>=640px) and (width<=961px){main .social-content,main .email-content{display:none}section{width:100%}section:first-child div{flex-direction:column;justify-content:center;align-items:center;display:flex}section:first-child div div{width:90%;margin:1em 0 0}section:first-child div div p:first-child{font-size:1.3em}section:first-child div div h1{margin-top:0;font-size:3em}section:first-child div div p:nth-of-type(2){text-align:center;font-size:1.8em;line-height:1.4em}section:first-child div div button{font-size:1.1em}section:first-child div div{order:2}section:first-child div img{order:1;width:auto;height:35%;margin:0}section:nth-of-type(2){height:auto}section:nth-of-type(2) .about-title{width:95%;margin-top:5em;font-size:.9em}section:nth-of-type(2) .about-title h2:after{width:6em}section:nth-of-type(2) .about-body{width:90%}section:nth-of-type(2) .about-body .timeline{align-self:flex-start;width:48%}section:nth-of-type(2) .about-body .timeline ul{padding:0}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{font-size:.8em;line-height:1.5em}section:nth-of-type(2) .about-body .timeline ul li li:after{width:1px;height:3em}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:47%}section:nth-of-type(2) .about-body .description div:first-child img{width:95%}section:nth-of-type(2) .about-body .description div:first-child img:hover{border-width:.2em;border-radius:3.4em 3.4em 3.4em 0;padding:.3em}section:nth-of-type(2) .about-body .description div:nth-child(2){margin-top:1.6em}section:nth-of-type(2) .about-body .description div:nth-child(2) p{font-size:1.1em;line-height:1.4em}section:nth-child(3){height:auto}section:nth-child(3) .skills-title{width:95%;margin-top:5em;font-size:.9em}section:nth-child(3) .skills-title h2:after{width:6em}section:nth-child(3) .skills-body{width:90%}section:nth-child(3) .skills-body div:first-of-type{height:auto}section:nth-child(3) .skills-body div:first-of-type h2{margin-top:0;font-size:1.4em}section:nth-child(3) .skills-body div:first-of-type div article{border-radius:1.6em;width:6em;height:5em;margin-top:2.6em}section:nth-child(3) .skills-body div:first-of-type div article:hover{width:6em;height:7em;transform:translateY(-2.8em)}section:nth-child(3) .skills-body div:first-of-type div article:hover img{width:1.6em;height:1.6em;margin:.6em 0 0 .6em}section:nth-child(3) .skills-body div:first-of-type div article:hover div h1{font-size:2em}section:nth-child(3) .skills-body div:first-of-type div article:hover div p{margin-top:.6em;font-size:.8em}section:nth-child(3) .skills-body div:first-of-type div article:hover~article{transform:translate(2.4em)}section:nth-child(3) .skills-body div:first-of-type div article:not(:first-child){margin-left:-2.4em}section:nth-child(3) .skills-body div:first-of-type div article img{width:2.2em;height:2.2em}section:nth-child(3) .skills-body div:nth-of-type(2){height:auto;margin-top:2em}section:nth-child(3) .skills-body div:nth-of-type(2) h2{font-size:1.4em}section:nth-child(3) .skills-body div:nth-of-type(2) div article{border-radius:1.4em;width:4.5em;height:4em;margin-top:1.8em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover{width:5.4em;height:5em;transform:translateY(-1.6em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover img{width:1.8em;height:1.8em;margin:.6em 0 0}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover p{margin:1em 0 0;font-size:.8em;line-height:1.2em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover~article{transform:translate(1.6em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:not(:first-child){margin-left:-1.6em}section:nth-child(3) .skills-body div:nth-of-type(2) div article img{width:1.6em;height:1.6em}section:nth-child(3) .skills-body div:nth-of-type(3){flex-direction:column;height:auto;margin-top:3em}section:nth-child(3) .skills-body div:nth-of-type(3) img{width:25%;height:auto}section:nth-child(3) .skills-body div:nth-of-type(3) p{text-align:center;margin:1em 0;font-size:1.1em;line-height:1.4em}section:nth-child(4){width:100%;height:auto}section:nth-child(4) .work-title{width:95%;margin-top:5em;font-size:.8em}section:nth-child(4) .work-title h2:after{width:6em}section:nth-child(4) .work-body{justify-content:flex-start;width:90%}section:nth-child(4) .work-body .color-palette{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .color-palette img{align-self:flex-end;width:25%;height:auto;margin-right:4em}section:nth-child(4) .work-body .color-palette div{align-items:flex-start;width:100%}section:nth-child(4) .work-body .color-palette div .cp-holder{width:24em;height:14em;margin:1em 0 0}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-front{width:24em;height:14em;margin:1em 0 0 1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag{display:none}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back{opacity:0;width:24em;height:14em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article{width:76%;height:82%}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article h1{margin:.8em 0 0;font-size:1.4em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:first-of-type,section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(2){margin-top:.5em;font-size:.9em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(3){margin-top:.6em;font-size:.8em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li{font-size:.6em;font-weight:var(--font-weight);border-radius:1.6em;margin:.3em;padding:.6em .8em .4em}section:nth-child(4) .work-body .color-palette div .cp-holder:hover{margin-left:0}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-back{opacity:1;border-radius:1.6em;width:24em;height:14em;transform:translate(8em)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front{border-radius:2.4em 2.4em 0;width:11em;height:15em;transform:translate(-5em,-4em)}section:nth-child(4) .work-body .wallpaper-sh{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:4em}section:nth-child(4) .work-body .wallpaper-sh img{order:1;align-self:flex-start;width:25%;height:auto;margin-left:4em}section:nth-child(4) .work-body .wallpaper-sh div{order:2;align-items:flex-end;width:100%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder{width:24em;height:14em;margin:1em .5em 0 0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-front{width:24em;height:14em;margin:1em 1em 0 0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag{display:none}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back{opacity:0;width:24em;height:14em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article{width:76%;height:82%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article h1{margin:.6em 0 0;font-size:1.4em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:first-of-type,section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(2){margin-top:.5em;font-size:.9em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(3){margin-top:.8em;font-size:.8em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li{font-size:.6em;font-weight:var(--font-weight);border-radius:1.6em;margin:.3em;padding:.6em .8em .4em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover{margin-right:0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-back{opacity:1;border-radius:1.6em;width:24em;height:14em;transform:translate(-8em)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front{border-radius:2.4em 2.4em 2.4em 0;width:11em;height:15em;transform:translate(5em,-4em)}section:nth-child(4) .work-body .short-stories{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .short-stories img{align-self:flex-end;width:25%;height:auto;margin-right:4em}section:nth-child(4) .work-body .short-stories div{align-items:flex-start;width:100%}section:nth-child(4) .work-body .short-stories div .ss-holder{width:24em;height:14em;margin:1em 0 0}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-front{width:24em;height:14em;margin:1em 0 0 1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag{display:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back{opacity:0;width:24em;height:14em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article{width:76%;height:82%}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article h1{margin:.8em 0 0;font-size:1.4em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2){margin-top:.5em;font-size:.9em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(3){margin-top:.6em;font-size:.8em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li{font-size:.6em;font-weight:var(--font-weight);border-radius:1.6em;margin:.3em;padding:.6em .8em .4em}section:nth-child(4) .work-body .short-stories div .ss-holder:hover{margin-left:0}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-back{opacity:1;border-radius:1.6em;width:24em;height:14em;transform:translate(8em)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front{border-radius:2.4em 2.4em 0;width:11em;height:15em;transform:translate(-5em,-4em)}section:nth-child(4) .work-body .musify{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:4em}section:nth-child(4) .work-body .musify img{order:1;align-self:flex-start;width:25%;height:auto;margin-left:4em}section:nth-child(4) .work-body .musify div{order:2;align-items:flex-end;width:100%}section:nth-child(4) .work-body .musify div .mf-holder{width:24em;height:14em;margin:1em .5em 0 0}section:nth-child(4) .work-body .musify div .mf-holder .mf-front{width:24em;height:14em;margin:1em 1em 0 0}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag{display:none}section:nth-child(4) .work-body .musify div .mf-holder .mf-back{opacity:0;width:24em;height:14em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article{width:76%;height:82%}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article h1{margin:.6em 0 0;font-size:1.4em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:first-of-type,section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(2){margin-top:.5em;font-size:.9em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(3){margin-top:.8em;font-size:.8em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li{font-size:.6em;font-weight:var(--font-weight);border-radius:1.6em;margin:.3em;padding:.6em .8em .4em}section:nth-child(4) .work-body .musify div .mf-holder:hover{margin-right:0}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-back{opacity:1;border-radius:1.6em;width:24em;height:14em;transform:translate(-8em)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front{border-radius:2.4em 2.4em 2.4em 0;width:11em;height:15em;transform:translate(5em,-4em)}section:nth-child(5){width:90%;height:85vh}section:nth-child(5) img{width:55%}section:nth-child(5) p{text-align:center;font-size:.9em;line-height:1.6em}section:nth-child(5) button{font-size:.7em}section:nth-child(5) h1{font-size:1.4em}footer{justify-content:space-between;width:95%;height:auto}footer p{font-size:.85em}footer ul{align-items:center;display:flex}}@media screen and (width>=480px) and (width<=641px){header img:first-child{width:1.5em;height:1.5em;margin-left:2em}header div{display:none}header img:nth-child(3){cursor:pointer;height:1.2em;margin-right:2em;display:block}main .social-content,main .email-content{display:none}section{width:100%}section:first-child div{flex-direction:column;justify-content:center;align-items:center;display:flex}section:first-child div div{width:90%;margin:2em 0 0}section:first-child div div p:first-child{font-size:1.2em}section:first-child div div h1{margin-top:0;font-size:2.4em}section:first-child div div p:nth-of-type(2){text-align:center;font-size:1.6em;line-height:1.6em}section:first-child div div button{font-size:1.1em}section:first-child div div{order:2}section:first-child div img{order:1;width:auto;height:30%;margin:0}section:nth-of-type(2){height:auto}section:nth-of-type(2) .about-title{width:95%;margin-top:8em;font-size:.8em}section:nth-of-type(2) .about-title h2:after{width:5em}section:nth-of-type(2) .about-body{width:90%}section:nth-of-type(2) .about-body .timeline{align-self:flex-start;width:50%}section:nth-of-type(2) .about-body .timeline ul{padding:0}section:nth-of-type(2) .about-body .timeline ul li h3{font-size:1em;line-height:1.6em}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-top:0;font-size:.8em;line-height:1.5em}section:nth-of-type(2) .about-body .timeline ul li li:after{width:1px;height:3em}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{width:95%}section:nth-of-type(2) .about-body .description div:first-child img:hover{border-width:.15em;border-radius:2.4em 2.4em 2.4em 0;padding:.2em}section:nth-of-type(2) .about-body .description div:nth-child(2){margin-top:1.6em}section:nth-of-type(2) .about-body .description div:nth-child(2) p{font-size:1em;line-height:1.4em}section:nth-child(3){height:auto}section:nth-child(3) .skills-title{width:95%;margin-top:8em;font-size:.8em}section:nth-child(3) .skills-title h2:after{width:5em}section:nth-child(3) .skills-body{width:90%}section:nth-child(3) .skills-body div:first-of-type{height:auto}section:nth-child(3) .skills-body div:first-of-type h2{text-align:start;margin-top:0;font-size:1.3em}section:nth-child(3) .skills-body div:first-of-type div article{border-radius:1.4em;width:5em;height:4em;margin-top:2.4em}section:nth-child(3) .skills-body div:first-of-type div article:hover{width:5em;height:6em;transform:translateY(-2.6em)}section:nth-child(3) .skills-body div:first-of-type div article:hover img{width:1.4em;height:1.4em;margin:.5em 0 0 .5em}section:nth-child(3) .skills-body div:first-of-type div article:hover div h1{font-size:1.8em}section:nth-child(3) .skills-body div:first-of-type div article:hover div p{margin-top:.7em;font-size:.7em}section:nth-child(3) .skills-body div:first-of-type div article:hover~article{transform:translate(2.4em)}section:nth-child(3) .skills-body div:first-of-type div article:not(:first-child){margin-left:-2.4em}section:nth-child(3) .skills-body div:first-of-type div article img{width:2em;height:2em}section:nth-child(3) .skills-body div:nth-of-type(2){height:auto;margin-top:2em}section:nth-child(3) .skills-body div:nth-of-type(2) h2{text-align:start;font-size:1.3em}section:nth-child(3) .skills-body div:nth-of-type(2) div article{border-radius:1.2em;width:3.6em;height:3.6em;margin-top:1.6em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover{width:4.5em;height:5em;transform:translateY(-2em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover img{width:1.6em;height:1.6em;margin:.4em 0 0}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover p{margin:1.2em .3em 0;font-size:.6em;font-weight:900;line-height:1.2em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover~article{transform:translate(1.4em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:not(:first-child){margin-left:-1.4em}section:nth-child(3) .skills-body div:nth-of-type(2) div article img{width:1.4em;height:1.4em}section:nth-child(3) .skills-body div:nth-of-type(3){flex-direction:column;height:auto;margin-top:3em}section:nth-child(3) .skills-body div:nth-of-type(3) img{width:30%;height:auto}section:nth-child(3) .skills-body div:nth-of-type(3) p{text-align:center;margin:1em 0;font-size:1em;line-height:1.4em}section:nth-child(4){width:100%;height:auto}section:nth-child(4) .work-title{width:95%;margin-top:8em;font-size:.8em}section:nth-child(4) .work-title h2:after{width:5em}section:nth-child(4) .work-body{justify-content:flex-start;width:95%}section:nth-child(4) .work-body .color-palette{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .color-palette img{align-self:flex-end;width:20%;height:auto;margin-right:4em}section:nth-child(4) .work-body .color-palette div{align-items:flex-start;width:100%}section:nth-child(4) .work-body .color-palette div .cp-holder{width:20em;height:12em;margin:1em 0 0}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-front{width:20em;height:12em;margin:1em 0 0 1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag{display:none}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back{opacity:0;width:20em;height:12em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article{width:77%;height:80%}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article h1{margin:.8em 0 0;font-size:1.2em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:first-of-type,section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(2){margin-top:.5em;font-size:.8em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(3){margin-top:.5em;font-size:.7em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li{font-size:.4em;font-weight:var(--font-weight);border-radius:1.6em;margin:.2em;padding:.6em .8em .4em}section:nth-child(4) .work-body .color-palette div .cp-holder:hover{margin-left:0}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-back{opacity:1;border-radius:1.5em;width:20em;height:12em;transform:translate(7em)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front{border-radius:2em 2em 0;width:9em;height:12em;transform:translate(-4em,-3em)}section:nth-child(4) .work-body .wallpaper-sh{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:4em}section:nth-child(4) .work-body .wallpaper-sh img{order:1;align-self:flex-start;width:20%;height:auto;margin-left:4em}section:nth-child(4) .work-body .wallpaper-sh div{order:2;align-items:flex-end;width:100%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder{width:20em;height:12em;margin:1em .5em 0 0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-front{width:20em;height:12em;margin:1em 1em 0 0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag{display:none}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back{opacity:0;width:20em;height:12em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article{width:77%;height:80%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article h1{margin:.8em 0 0;font-size:1.2em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:first-of-type,section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(2){margin-top:.5em;font-size:.8em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(3){margin-top:.5em;font-size:.7em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li{font-size:.4em;font-weight:var(--font-weight);border-radius:1.6em;margin:.2em;padding:.6em .8em .4em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover{margin-left:0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-back{opacity:1;border-radius:1.5em;width:20em;height:12em;transform:translate(-7em)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front{border-radius:2em 2em 2em 0;width:9em;height:12em;transform:translate(4em,-3em)}section:nth-child(4) .work-body .short-stories{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:4em}section:nth-child(4) .work-body .short-stories img{align-self:flex-end;width:20%;height:auto;margin-right:4em}section:nth-child(4) .work-body .short-stories div{align-items:flex-start;width:100%}section:nth-child(4) .work-body .short-stories div .ss-holder{width:20em;height:12em;margin:1em 0 0}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-front{width:20em;height:12em;margin:1em 0 0 1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag{display:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back{opacity:0;width:20em;height:12em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article{width:77%;height:80%}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article h1{margin:.8em 0 0;font-size:1.2em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2){margin-top:.5em;font-size:.8em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(3){margin-top:.5em;font-size:.7em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li{font-size:.4em;font-weight:var(--font-weight);border-radius:1.6em;margin:.2em;padding:.6em .8em .4em}section:nth-child(4) .work-body .short-stories div .ss-holder:hover{margin-left:0}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-back{opacity:1;border-radius:1.5em;width:20em;height:12em;transform:translate(7em)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front{border-radius:2em 2em 0;width:9em;height:12em;transform:translate(-4em,-3em)}section:nth-child(4) .work-body .musify{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:4em}section:nth-child(4) .work-body .musify img{order:1;align-self:flex-start;width:20%;height:auto;margin-left:4em}section:nth-child(4) .work-body .musify div{order:2;align-items:flex-end;width:100%}section:nth-child(4) .work-body .musify div .mf-holder{width:20em;height:12em;margin:1em .5em 0 0}section:nth-child(4) .work-body .musify div .mf-holder .mf-front{width:20em;height:12em;margin:1em 1em 0 0}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag{display:none}section:nth-child(4) .work-body .musify div .mf-holder .mf-back{opacity:0;width:20em;height:12em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article{width:77%;height:80%}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article h1{margin:.8em 0 0;font-size:1.2em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:first-of-type,section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(2){margin-top:.5em;font-size:.8em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(3){margin-top:.5em;font-size:.7em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li{font-size:.4em;font-weight:var(--font-weight);border-radius:1.6em;margin:.2em;padding:.6em .8em .4em}section:nth-child(4) .work-body .musify div .mf-holder:hover{margin-left:0}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-back{opacity:1;border-radius:1.5em;width:20em;height:12em;transform:translate(-7em)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front{border-radius:2em 2em 2em 0;width:9em;height:12em;transform:translate(4em,-3em)}section:nth-child(5){width:90%;height:80vh}section:nth-child(5) img{width:60%}section:nth-child(5) p{text-align:center;font-size:.85em;line-height:1.6em}section:nth-child(5) button{font-size:.7em}section:nth-child(5) h1{font-size:1.4em}footer{flex-direction:column;width:100%;height:auto}footer p{order:2;margin-bottom:1em;font-size:.85em}footer ul{order:1;align-items:center;margin-bottom:.6em;padding:0;display:flex}}@media screen and (width<=481px){header img:first-child{width:1.5em;height:1.5em;margin-left:2em}header div{display:none}header img:nth-child(3){cursor:pointer;height:1.2em;margin-right:2em;display:block}main .social-content,main .email-content{display:none}section{width:100%}section:first-child div{flex-direction:column;justify-content:center;align-items:center;display:flex}section:first-child div div{width:90%;margin:1em 0 0}section:first-child div div p:first-child{font-size:1em}section:first-child div div h1{margin-top:0;font-size:2em}section:first-child div div p:nth-of-type(2){text-align:center;font-size:1.3em;line-height:1.4em}section:first-child div div button{font-size:1em}section:first-child div div{order:2}section:first-child div img{order:1;width:auto;height:25%;margin:0}section:nth-of-type(2){height:auto}section:nth-of-type(2) .about-title{width:95%;margin-top:8em;font-size:.5em}section:nth-of-type(2) .about-title h2:after{width:5em}section:nth-of-type(2) .about-body{width:90%}section:nth-of-type(2) .about-body .timeline{align-self:flex-start;width:50%}section:nth-of-type(2) .about-body .timeline ul{padding:0}section:nth-of-type(2) .about-body .timeline ul li h3{font-size:.85em;line-height:1.6em}section:nth-of-type(2) .about-body .timeline ul li p{font-size:.6em}section:nth-of-type(2) .about-body .timeline ul li:hover h5{margin-top:0;font-size:.6em;line-height:1.5em}section:nth-of-type(2) .about-body .timeline ul li li:after{width:1px;height:3em}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{width:90%}section:nth-of-type(2) .about-body .description div:first-child img:hover{border-width:.1em;border-radius:1.8em 1.8em 1.8em 0;padding:.2em}section:nth-of-type(2) .about-body .description div:nth-child(2){margin-top:1.6em}section:nth-of-type(2) .about-body .description div:nth-child(2) p{font-size:.8em;line-height:1.4em}section:nth-child(3){height:auto}section:nth-child(3) .skills-title{width:95%;margin-top:8em;font-size:.5em}section:nth-child(3) .skills-title h2:after{width:5em}section:nth-child(3) .skills-body{width:90%}section:nth-child(3) .skills-body div:first-of-type{height:auto}section:nth-child(3) .skills-body div:first-of-type h2{text-align:start;margin-top:0;font-size:1em}section:nth-child(3) .skills-body div:first-of-type div article{border-radius:1.2em;width:3.5em;height:3.5em;margin-top:2em}section:nth-child(3) .skills-body div:first-of-type div article:hover{width:4.5em;height:5em;transform:translateY(-2em)}section:nth-child(3) .skills-body div:first-of-type div article:hover img{width:1em;height:1em;margin:.5em 0 0 .5em}section:nth-child(3) .skills-body div:first-of-type div article:hover div h1{font-size:1.6em}section:nth-child(3) .skills-body div:first-of-type div article:hover div p{margin-top:.7em;font-size:.7em}section:nth-child(3) .skills-body div:first-of-type div article:hover~article{transform:translate(1.5em)}section:nth-child(3) .skills-body div:first-of-type div article:not(:first-child){margin-left:-1.5em}section:nth-child(3) .skills-body div:first-of-type div article img{width:1.6em;height:1.6em}section:nth-child(3) .skills-body div:nth-of-type(2){height:auto;margin-top:2em}section:nth-child(3) .skills-body div:nth-of-type(2) h2{text-align:start;font-size:1em}section:nth-child(3) .skills-body div:nth-of-type(2) div article{border-radius:1em;width:3em;height:3em;margin-top:1.3em}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover{width:3.5em;height:4em;transform:translateY(-1.5em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover img{width:1em;height:1em;margin:.3em 0 0}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover p{margin:1em .4em 0;font-size:.5em;font-weight:900}section:nth-child(3) .skills-body div:nth-of-type(2) div article:hover~article{transform:translate(1.2em)}section:nth-child(3) .skills-body div:nth-of-type(2) div article:not(:first-child){margin-left:-1.2em}section:nth-child(3) .skills-body div:nth-of-type(2) div article img{width:1.2em;height:1.2em}section:nth-child(3) .skills-body div:nth-of-type(3){flex-direction:column;height:auto;margin-top:2em}section:nth-child(3) .skills-body div:nth-of-type(3) img{width:40%;height:auto}section:nth-child(3) .skills-body div:nth-of-type(3) p{text-align:center;margin:1em 0;font-size:.85em;line-height:1.4em}section:nth-child(4){width:100%;height:auto}section:nth-child(4) .work-title{width:95%;margin-top:8em;font-size:.5em}section:nth-child(4) .work-title h2:after{width:5em}section:nth-child(4) .work-body{justify-content:flex-start;width:95%}section:nth-child(4) .work-body .color-palette{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .color-palette img{align-self:flex-end;width:25%;height:auto;margin-right:2em}section:nth-child(4) .work-body .color-palette div{align-items:flex-start;width:100%}section:nth-child(4) .work-body .color-palette div .cp-holder{width:16em;height:10em;margin:1em 0 0}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-front{width:16em;height:10em;margin:1em 0 0 1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-tag{display:none}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back{opacity:0;width:16em;height:10em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article{width:75%;height:80%}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article h1{margin:.8em 0 0;font-size:1em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:first-of-type,section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(2){font-size:.6em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back article p:nth-of-type(3){font-size:.55em}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .color-palette div .cp-holder .cp-back div ul li{font-size:.2em;font-weight:var(--font-weight);border-radius:1.6em;margin:.4em;padding:.8em 1.1em .6em}section:nth-child(4) .work-body .color-palette div .cp-holder:hover{margin-left:0}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-back{opacity:1;border-radius:1.5em;width:16em;height:10em;transform:translate(5em)}section:nth-child(4) .work-body .color-palette div .cp-holder:hover .cp-front{border-radius:1.8em 1.8em 0;width:7em;height:10em;transform:translate(-3.5em,-3em)}section:nth-child(4) .work-body .wallpaper-sh{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .wallpaper-sh img{order:1;align-self:flex-start;width:25%;height:auto;margin:3em 0 0 2em}section:nth-child(4) .work-body .wallpaper-sh div{order:2;align-items:flex-end;width:100%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder{width:16em;height:10em;margin:1em 0 0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-front{width:16em;height:10em;margin:1em 0 0 1em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-tag{display:none}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back{opacity:0;width:16em;height:10em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article{width:78%;height:80%}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article h1{margin:.2em 0 0;font-size:1em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:first-of-type,section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(2){font-size:.6em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back article p:nth-of-type(3){font-size:.55em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder .ws-back div ul li{font-size:.2em;font-weight:var(--font-weight);border-radius:1.6em;margin:.4em;padding:.8em 1.1em .6em}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover{margin-left:0}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-back{opacity:1;border-radius:1.5em;width:16em;height:10em;transform:translate(-5em)}section:nth-child(4) .work-body .wallpaper-sh div .ws-holder:hover .ws-front{border-radius:1.8em 1.8em 1.8em 0;width:7em;height:10em;transform:translate(3em,-2.8em)}section:nth-child(4) .work-body .short-stories{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .short-stories img{align-self:flex-end;width:25%;height:auto;margin:3em 2em 0 0}section:nth-child(4) .work-body .short-stories div{align-items:flex-start;width:100%}section:nth-child(4) .work-body .short-stories div .ss-holder{width:16em;height:10em;margin:1em 0 0}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-front{width:16em;height:10em;margin:1em 0 0 1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-tag{display:none}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back{opacity:0;width:16em;height:10em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article{width:75%;height:80%}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article h1{margin:.8em 0 0;font-size:1em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:first-of-type,section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(2){font-size:.6em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back article p:nth-of-type(3){font-size:.55em}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .short-stories div .ss-holder .ss-back div ul li{font-size:.2em;font-weight:var(--font-weight);border-radius:1.6em;margin:.4em;padding:.8em 1.1em .6em}section:nth-child(4) .work-body .short-stories div .ss-holder:hover{margin-left:0}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-back{opacity:1;border-radius:1.5em;width:16em;height:10em;transform:translate(5em)}section:nth-child(4) .work-body .short-stories div .ss-holder:hover .ss-front{border-radius:1.8em 1.8em 0;width:7em;height:10em;transform:translate(-3.5em,-3em)}section:nth-child(4) .work-body .musify{flex-direction:column;justify-content:flex-start;width:100%;height:auto;margin-top:1em}section:nth-child(4) .work-body .musify img{order:1;align-self:flex-start;width:25%;height:auto;margin:3em 0 0 2em}section:nth-child(4) .work-body .musify div{order:2;align-items:flex-end;width:100%}section:nth-child(4) .work-body .musify div .mf-holder{width:16em;height:10em;margin:1em 0 0}section:nth-child(4) .work-body .musify div .mf-holder .mf-front{width:16em;height:10em;margin:1em 0 0 1em}section:nth-child(4) .work-body .musify div .mf-holder .mf-tag{display:none}section:nth-child(4) .work-body .musify div .mf-holder .mf-back{opacity:0;width:16em;height:10em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article{width:78%;height:80%}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article h1{margin:.2em 0 0;font-size:1em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:first-of-type,section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(2){font-size:.6em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back article p:nth-of-type(3){font-size:.55em}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div{justify-content:center;align-items:center;display:flex}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul{justify-content:center;padding:0}section:nth-child(4) .work-body .musify div .mf-holder .mf-back div ul li{font-size:.2em;font-weight:var(--font-weight);border-radius:1.6em;margin:.4em;padding:.8em 1.1em .6em}section:nth-child(4) .work-body .musify div .mf-holder:hover{margin-left:0}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-back{opacity:1;border-radius:1.5em;width:16em;height:10em;transform:translate(-5em)}section:nth-child(4) .work-body .musify div .mf-holder:hover .mf-front{border-radius:1.8em 1.8em 1.8em 0;width:7em;height:10em;transform:translate(3em,-2.8em)}section:nth-child(5){width:90%;height:80vh}section:nth-child(5) img{width:60%}section:nth-child(5) p{text-align:center;font-size:.85em;line-height:1.6em}section:nth-child(5) button{font-size:.7em}section:nth-child(5) h1{font-size:1.4em}footer{flex-direction:column;width:100%;height:auto}footer p{order:2;margin-bottom:1em;font-size:.85em}footer ul{order:1;align-items:center;margin-bottom:.6em;padding:0;display:flex}}