body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.-bold{font-weight:700}.-fl-r-c{justify-content:center}.-fl-r-c,.-fl-r-sb{display:flex;flex-direction:row}.-fl-r-sb{justify-content:space-between}.-fl-r-sa{display:flex;flex-direction:row;justify-content:space-around}.-fl-c-c{justify-content:center}.-fl-c-c,.-fl-c-sb{display:flex;flex-direction:column}.-fl-c-sb{justify-content:space-between}.-fl-c-sa{display:flex;flex-direction:column;justify-content:space-around}.App::-webkit-scrollbar{display:none}.App{-ms-overflow-style:none;background:linear-gradient(90deg,#fff1eb 0,#dfe2e2);color:#3c415e;font-family:sans-serif;overflow:hidden;scrollbar-width:none;transition:background-color .5s}.app-loader{align-items:center;background:linear-gradient(90deg,#fff1eb 0,#2bc1c1);display:flex;height:100%;justify-content:center;position:fixed;width:100%}.dark-theme{background:#000;color:#fff}.dark-theme .active{color:#3e32e4}.dark-theme .bg-square{background:linear-gradient(45deg,#3e32e4,transparent)}.dark-theme #hire-nav,.dark-theme .about-info-wrapper article,.dark-theme .contact-wrapper,.dark-theme .content,.dark-theme .resumeLink,.dark-theme input[type=submit]{border:2px solid #3e32e4;box-shadow:none}.dark-theme .about-info-wrapper article,.dark-theme .contact-wrapper,.dark-theme .content{background:#000}.dark-theme .timeline-wrapper:after{border:4px solid #3e32e4}.dark-theme #hire-nav:active,.dark-theme #progress-bar,.dark-theme .avatar-container,.dark-theme .timeline:after{background:#3e32e4}.dark-theme .link-flyer,.dark-theme .toggle-theme{background:#acacac}.dark-theme .contact{background:#000}.dark-theme footer{background:#2c3039}.dark-theme .left:before{border-left:15px solid #3e32e4}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.dark-theme .left:before{border-left:none;border-right:15px solid #3e32e4}}.dark-theme .right:before{border-right:15px solid #3e32e4}.dark-theme input[type=email],.dark-theme input[type=text],.dark-theme textarea{background:#000;border:1px solid #fff;color:#fff}.dark-theme .bar-wrapper{box-shadow:none}.dark-theme .bar-wrapper .bar{background:linear-gradient(77.1deg,#3e32e4 11.5%,#9d9d9d 100.2%)}.dark-theme .hire-link-wrap:hover{background:rgba(255,101,0,.471)}.dark-theme .bar-wrapper{border:2px solid #fff}.dark-theme .heading-text:after,.dark-theme .heading-text:before{background:#3e32e4}.dark-theme .download-wrapper{border-bottom:4px solid #fff}.dark-theme .nav-bg-portrait{background:#2f2c5b}.dark-theme .about-pic:after,.dark-theme .project-picture:after{background:rgba(62,50,228,.58)}.dark-theme .project-wrapper .info-arrow{background:rgba(0,0,0,.722)}.dark-theme .project-wrapper .project-info{background:rgba(0,0,0,.749);border:1px solid #3e32e4}.App main{margin:0 auto;max-width:1400px;position:relative;z-index:1}.flex-top-padding{align-items:center;display:flex;flex-flow:column;justify-content:flex-start;padding:100px 50px 0}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.flex-top-padding{padding:70px 20px}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.flex-top-padding{padding:60px 20px}}.bg-square{background:linear-gradient(45deg,#2bc1c1,transparent);height:8em;width:8em}.animation,.bg-square{-webkit-animation:flyBubble 7s linear infinite;animation:flyBubble 7s linear infinite;opacity:0}.animation{background:linear-gradient(45deg,#3cd5ec,transparent);height:10em;width:10em}a:hover{cursor:pointer}@-webkit-keyframes slideInTop-head{0%{box-shadow:0 0 5px 4px #7c7c78;-webkit-transform:translateY(-150%);transform:translateY(-150%)}50%{box-shadow:0 0 3px 2px #b9b9b5;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{box-shadow:0 0 1px px #b2b2b2;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInTop-head{0%{box-shadow:0 0 5px 4px #7c7c78;-webkit-transform:translateY(-150%);transform:translateY(-150%)}50%{box-shadow:0 0 3px 2px #b9b9b5;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{box-shadow:0 0 1px px #b2b2b2;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.App-header{align-items:center;flex-flow:nowrap;justify-content:center}.bg-main{background-position:100%}nav{justify-content:space-evenly}header nav nav{gap:.5em}#close-nav-btn,#nav-button{display:none}.scale{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.scale:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.bg-square{height:6em;width:6em}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.bg-square{height:6em;width:6em}.tab{min-height:100vh;padding:0 10%}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.bg-square{height:4em;width:4em}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.bg-square{height:4em;width:4em}}.bg-bubbles{bottom:0;display:flex;justify-content:space-around;position:fixed;width:100%}.bg-bubbles img{-webkit-animation:rotateBubble 1s linear infinite,flyBubble 7s linear infinite;animation:rotateBubble 1s linear infinite,flyBubble 7s linear infinite;border-radius:20px;display:block;width:4em}#b1{-webkit-animation-delay:2s;animation-delay:2s}.bg-bubbles div:first-of-type{-webkit-animation-delay:1s;animation-delay:1s}.bg-bubbles div:nth-of-type(2){-webkit-animation-delay:4s;animation-delay:4s}.bg-bubbles div:nth-of-type(3){-webkit-animation-delay:6s;animation-delay:6s}.bg-bubbles div:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}.bg-bubbles div:nth-of-type(5){-webkit-animation-delay:3s;animation-delay:3s}.bg-bubbles div:nth-of-type(6){-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes rotateBubble{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateBubble{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes flyBubble{0%{border-radius:50%;opacity:0;-webkit-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}10%{border-radius:0}20%{border-radius:50%}30%{border-radius:0}40%{border-radius:50%}50%{border-radius:0;opacity:1}60%{border-radius:50%}70%{opacity:1}80%{border-radius:0}90%{border-radius:50%}to{border-radius:0;opacity:0;-webkit-transform:translateX(200%) translateY(-90vh) rotate(1turn);transform:translateX(200%) translateY(-90vh) rotate(1turn)}}@keyframes flyBubble{0%{border-radius:50%;opacity:0;-webkit-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotate(0)}10%{border-radius:0}20%{border-radius:50%}30%{border-radius:0}40%{border-radius:50%}50%{border-radius:0;opacity:1}60%{border-radius:50%}70%{opacity:1}80%{border-radius:0}90%{border-radius:50%}to{border-radius:0;opacity:0;-webkit-transform:translateX(200%) translateY(-90vh) rotate(1turn);transform:translateX(200%) translateY(-90vh) rotate(1turn)}}footer{background:#738598;box-sizing:border-box;margin-top:200px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;position:-webkit-sticky;position:sticky;width:100%}.foot-container{align-content:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:1400px;padding:50px}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.foot-container{flex-direction:column;gap:2em;padding:20px}}.foo-sec{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:space-around;width:33.3%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.foo-sec{width:auto}}.foot-links-wrap img{height:2em;width:2em}.foot-links-wrap{display:flex;gap:1em}.foot-links-wrap-a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.foo-contact{display:flex;flex-direction:column;gap:.5em}.foo-c-w{align-items:center;display:flex;gap:1em}.foo-c-w img{height:20px;width:20px}.foot-nav{display:flex;gap:.5em}.copyright img{width:1em}.toggle-theme{-webkit-animation:slide-X .5s 2.3s forwards;animation:slide-X .5s 2.3s forwards;background:#acacac;border:none;border-radius:10px 0 0 10px;padding:10px;position:fixed;right:0;top:15%;-webkit-transform:translateX(100%);transform:translateX(100%);transition:1s;z-index:1}.toggle-theme img{margin:auto;width:1.5em}.copyright{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.slideInRight{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}.slideInLeft{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slideInTop{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}@-webkit-keyframes slide-X{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-X{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-Y{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-Y{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.Home{gap:5em;justify-content:center;min-height:calc(100vh - 200px)}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.Home{flex-direction:column-reverse;min-height:100vh;padding:0 50px}}.Home-main img{height:20em;width:25em}.Home article{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:space-around;width:100%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.Home article{flex-direction:row-reverse}}.info{display:flex;flex-direction:column;font-family:monospace;font-family:inherit;gap:2em;justify-content:center;padding:10px}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.info{max-width:auto}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.info{flex-flow:row wrap;gap:1em;justify-content:flex-start;max-width:60%}}.info-l1-wraper{align-items:center;display:flex;gap:1em;justify-content:center}.big-heading{font-size:clamp(40px,8vw,80px);margin:0}.info-l1{-webkit-animation:drop 1s linear .4s forwards;animation:drop 1s linear .4s forwards;font-weight:700;opacity:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.info-l1{font-size:2em}}.info-l2{align-self:center;font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.info-l2{font-size:2em}}.drop-heading{-webkit-animation:drop .5s linear 1.5s forwards;animation:drop .5s linear 1.5s forwards;opacity:0}.info-l3{-webkit-animation:drop .5s linear 1.8s forwards;animation:drop .5s linear 1.8s forwards;font-size:2em;opacity:0;text-align:justify}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.info-l3{font-size:1.2em}}.info-bg{border-radius:20px 0}.avatar-container{-webkit-animation:avatarScaleIn .5s ease-out 2.3s forwards;animation:avatarScaleIn .5s ease-out 2.3s forwards;background:#2bc1c1;border:2px solid;border-radius:50%;opacity:0;overflow:hidden;padding:10px;-webkit-transform:scale(.2);transform:scale(.2);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar-container img{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;margin:30px;width:calc(10em + 2vmin)}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.avatar-container img{max-width:15em}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.avatar-container img{max-width:8em}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes rotateY{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes rotateY{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@-webkit-keyframes avatarScaleIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes avatarScaleIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#hire-me{background:rgba(44,193,193,0);font-size:1.5em;font-weight:700;padding:10px;transition:-webkit-transform forwards .5s 2.3s;transition:transform forwards .5s 2.3s;transition:transform forwards .5s 2.3s,-webkit-transform forwards .5s 2.3s}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){#hire-me{font-size:1em}}.info nav{align-self:flex-end}#hire-nav{-webkit-animation:hire-slideInLeft 1s ease-in;animation:hire-slideInLeft 1s ease-in;border:2px solid #3c415e;border-radius:20px 0;padding:10px;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#hire-nav:active{background:#3c415e;color:#fff}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){#hire-nav{border-radius:15px 0}}.hire-link-wrap{align-self:center;border-radius:20px 0;margin-top:1em;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;transition:1s}.hire-link-wrap:hover{background:#a2b8c6;-webkit-transform:scale(1.2);transform:scale(1.2)}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.hire-link-wrap{align-self:flex-start}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.hire-link-wrap{align-self:flex-start;margin-top:1em}}@-webkit-keyframes hire-slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hire-slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes avatarRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(350deg);transform:rotate(350deg)}}@keyframes avatarRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(350deg);transform:rotate(350deg)}}.scroller-wrapper{align-self:center;-webkit-animation:scrollerScaleUp .5s ease-out 2.3s forwards;animation:scrollerScaleUp .5s ease-out 2.3s forwards;border:3px solid #3c415e;border-radius:20px;bottom:70px;display:grid;height:40px;opacity:1;opacity:0;padding:5px 0;position:fixed;text-align:center;-webkit-transform:translateY(200%);transform:translateY(200%);width:30px}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.scroller-wrapper{bottom:10px}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes drop{0%{opacity:0;-webkit-transform:translateY(-200px) scaleY(.9);transform:translateY(-200px) scaleY(.9)}5%{opacity:.2}50%{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}65%{opacity:1;-webkit-transform:translateY(-17px) scaleY(.9);transform:translateY(-17px) scaleY(.9)}75%{opacity:1;-webkit-transform:translateY(-22px) scaleY(.9);transform:translateY(-22px) scaleY(.9)}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}}@keyframes drop{0%{opacity:0;-webkit-transform:translateY(-200px) scaleY(.9);transform:translateY(-200px) scaleY(.9)}5%{opacity:.2}50%{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}65%{opacity:1;-webkit-transform:translateY(-17px) scaleY(.9);transform:translateY(-17px) scaleY(.9)}75%{opacity:1;-webkit-transform:translateY(-22px) scaleY(.9);transform:translateY(-22px) scaleY(.9)}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}}.resume-link-wrap{display:flex;flex-direction:row;gap:1em}.resumeLink{align-items:center;-webkit-animation:resumeSlideInBottom .5s 2.3s forwards;animation:resumeSlideInBottom .5s 2.3s forwards;border:2px solid #3c415e;border-radius:10px;border-radius:20px 0;color:inherit;display:flex;font-size:25px;gap:1em;opacity:0;padding:10px;text-align:center;text-decoration:none;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.resumeLink:active{background:#b8b9bf;color:#fff}.resumeLink:active .download-wrapper{border-bottom:4px solid #fff}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.resumeLink{font-size:15px}}@-webkit-keyframes resumeSlideInBottom{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes resumeSlideInBottom{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.download-wrapper{border-bottom:4px solid #3c415e;height:1em;padding:5px;text-align:center;width:1em}.download-wrapper img{-webkit-animation:translateY-infinite 1s linear infinite;animation:translateY-infinite 1s linear infinite;height:1em;width:1em}@-webkit-keyframes translateY-infinite{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@keyframes translateY-infinite{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}.qr-wrapper{-webkit-animation:drop .5s linear 3.8s forwards;animation:drop .5s linear 3.8s forwards;cursor:pointer;display:grid;display:none;opacity:0;transition:1s}.qr-wrapper #qr-logo{margin:auto;width:2.5em}.qr-wrapper img{width:5em}.qr-wrapper:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.resume-qr{align-self:center;height:0;overflow:hidden;transition:1s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.resume-qr img{width:10em}.show-qr{height:calc(8em + 2vmin)}.about-info p{margin:0}.timeline{margin:0 auto;max-width:1200px;position:relative;width:100%}.timeline:after{background:#3c415e;border-radius:5px;bottom:0;content:"";display:block;left:50%;position:absolute;top:0;width:10px;z-index:-1}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.timeline:after{left:0}}@-webkit-keyframes timeline-rotate{to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes timeline-rotate{to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}}.left{left:0}.left:before{border-bottom:15px solid transparent;border-left:15px solid #3c415e;border-top:15px solid transparent;content:"";height:0;position:absolute;right:25px;top:32px;width:0}.right{left:50%}.right:before{border-bottom:15px solid transparent;border-right:15px solid #3c415e;border-top:15px solid transparent;content:"";height:0;left:25px;position:absolute;top:32px;width:0}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.right{left:0}}.timeline-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:50%}.timeline-wrapper:after{background:#f7f5f5;border:4px solid #3c415e;border-radius:50%;content:"";height:30px;position:absolute;right:-23px;top:28px;width:30px;z-index:1}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.timeline-wrapper{width:100%}.timeline-wrapper:before{border:4px solid transparent;border-right-color:#3c415e;border-width:15px 15px 15px 0;left:25px}}.content{background:#f9efea;border:2px solid #3c415e;border-radius:5px;margin:30px 40px;opacity:0;padding:15px;position:relative}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.content{margin:30px 20px 30px 40px}}.shadow-left{box-shadow:-5px 5px 10px #738598}.shadow-right{box-shadow:5px 5px 10px #738598}.slidein-left-animation{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidein-right-animation{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}@-webkit-keyframes content-slideInLeft{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes content-slideInLeft{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes content-slideInRight{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes content-slideInRight{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.right:after{left:-15px}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait),only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.right:after{left:0}.left:after,.right:after{left:-15px}.shadow-left{box-shadow:5px 5px 10px #3c415e}.slidein-left-animation{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.Label{align-self:center;display:flex;flex-direction:row;font-family:sans-serif;font-size:calc(20px + 3vmin);font-style:italic;font-weight:bolder;gap:.5em;justify-self:center;margin-bottom:1rem;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-info-wrapper{grid-gap:1em;border-radius:20px 0;display:grid;font-family:ui-monospace;font-size:1.5em;gap:1em;padding:20px;transition:1s ease}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-info-wrapper{font-size:1.5rem;padding:0}}.about-info{display:flex;flex-direction:column;gap:1em}.about-info-bg{font-size:calc(2rem + 2vmin);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.about-info-bg{font-size:calc(10px + 2vmin);padding:0}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.about-info-bg{width:100%}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-info-bg{font-size:calc(10px + 2vmax);padding:20px;width:100%}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.about-info-bg{font-size:calc(10px + 2vmin);padding:20px;width:60%}}.about-pic{align-items:center;align-self:flex-start;display:grid;position:relative}.about-pic:after{background:rgba(0,186,177,.471);border-radius:5px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:.5s}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-pic{align-self:center}}.about-pic:hover:after{background:transparent}.about-pic:hover img{-webkit-filter:none;filter:none}.about-pic img{border:1px solid;border-radius:5px;-webkit-filter:grayscale(100%) contrast(1);filter:grayscale(100%) contrast(1);transition:.5s;width:calc(10em + 2vmin)}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.about-pic img{width:15em}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.about-pic img{width:10em}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-pic img{width:calc(6em + 2vmax)}}@-webkit-keyframes slideInLeft-aboutpic{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-aboutpic{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-250%);transform:translateX(-250%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-250%);transform:translateX(-250%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.about-info-wrapper article{align-items:center;align-items:flex-start;background:hsla(180,6%,73%,.788);border-radius:5px;box-shadow:2px 3px 10px #c0bfbf;display:flex;gap:3em;justify-content:space-between;padding:30px}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-info-wrapper article{flex-direction:column-reverse;gap:1em}.about-info-wrapper article .headshot-container{align-self:center;display:grid}}.about-l1{font-size:calc(1em + 2vmin);font-weight:700}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-l1{font-size:calc(.5em + 2vmin)}}.about-l3{font-size:calc(5px + 2vmin);text-align:center}.about-info-main{grid-gap:1rem;display:grid}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.about-info-main{font-size:calc(10px + 2vw)}}.heading-text{display:flex;justify-content:center;opacity:0;position:relative;-webkit-transform:translateY(100%);transform:translateY(100%);width:100%}.heading-text h2{font-size:clamp(40px,8vw,60px);margin:0;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading-text:after{background:#3c415e;content:"";height:1px;left:62%;position:absolute;right:10%;top:50%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.heading-text:after{left:80%;right:0}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.heading-text:after{left:65%;right:5%}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.heading-text:after{left:70%;right:5%}}.heading-text:before{background:#3c415e;content:"";height:1px;left:10%;position:absolute;right:62%;top:50%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.heading-text:before{left:0;right:80%}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.heading-text:before{left:5%;right:65%}}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.heading-text:before{left:5%;right:70%}}@-webkit-keyframes labelSlideInTop{60%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}80%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes labelSlideInTop{60%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}80%{-webkit-transform:translateY(5%);transform:translateY(5%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.text-link{color:#0087ca;display:inline-block;position:relative;text-decoration:none}.text-link:after{background-color:#0087ca;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.text-link:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.skills-container{align-self:center;display:flex;flex-flow:row wrap;flex-wrap:wrap;gap:1em;justify-content:space-around;max-width:1200px}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:portrait){.skills-container{align-items:center;flex-flow:column}}.skills-wrapper{display:flex;flex-direction:column;gap:10px;width:30em}.skills-wrapper:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){.skills-wrapper{width:25em}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.skills-wrapper{width:18em}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.skills-wrapper{width:22em}}.skill{display:flex;font-size:1em;font-weight:700;justify-content:space-between;text-align:center;width:100%}.bar-wrapper{background:#f8f8f8;border:2px solid #7d7d9e;border-radius:10px 0 10px 0;box-shadow:5px 5px 10px gray;padding:2px}.bar{align-content:center;background:linear-gradient(77.1deg,#f5dca8 11.5%,#16dcec 100.2%);border-radius:10px 0 10px 0;display:grid;height:2em;overflow:hidden;text-align:center;width:0}.skill-name{border-radius:10px 0;font-family:serif;font-size:20px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skill-slidein-left-animation{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.skill-slidein-right-animation{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}@-webkit-keyframes skill-slideInLeft{60%{-webkit-transform:translateX(3%);transform:translateX(3%)}80%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes skill-slideInLeft{60%{-webkit-transform:translateX(3%);transform:translateX(3%)}80%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes skill-slideInRight{60%{-webkit-transform:translateX(-3%);transform:translateX(-3%)}80%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes skill-slideInRight{60%{-webkit-transform:translateX(-3%);transform:translateX(-3%)}80%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.java{-webkit-animation:progress-bar-java 3s ease-in-out;animation:progress-bar-java 3s ease-in-out;width:0}.html{-webkit-animation:progress-bar-html 3s ease-in-out;animation:progress-bar-html 3s ease-in-out;width:80%}.css{-webkit-animation:progress-bar-css 3s ease-in-out;animation:progress-bar-css 3s ease-in-out;width:70%}.javascript{-webkit-animation:progress-bar-javascript 3s ease-in-out;animation:progress-bar-javascript 3s ease-in-out;width:65%}.Header{-webkit-animation:slideInTop-head .5s ease-in-out;animation:slideInTop-head .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #cbcbcb;display:grid;height:5em;margin-top:5px;position:fixed;transition:.3s;width:100%;z-index:10}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.Header{height:3em}}#nav-button img{-webkit-animation-delay:.2s;animation-delay:.2s;transition:.5s;width:2em}.rotate-anticlock{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rotate-clock{-webkit-transform:rotate(0);transform:rotate(0)}.head-on-scroll{background-color:hsla(0,0%,73%,.3);box-shadow:0 0 14px 0 #b2b2b2;height:3.5em}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.head-on-scroll{height:2.5em}}.head-wrapper{align-items:center;box-sizing:border-box;display:flex;font-size:calc(8px + 2vmin);gap:.5em;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 50px;position:relative;transition:.3s ease-in;width:100%;z-index:10}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.head-wrapper{padding:0 20px}}#nav-button{display:none}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){#nav-button{display:grid}}.smodi-link{-webkit-animation:translate-nav .5s .5s forwards;animation:translate-nav .5s .5s forwards;color:inherit;display:block;font-weight:700;opacity:0;text-decoration:none;-webkit-transform:translate(-50px,-150%);transform:translate(-50px,-150%)}@-webkit-keyframes translate-nav{to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes translate-nav{to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}#progress-bar-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:5px;position:fixed;width:100%;z-index:2}#progress-bar{background-color:#1cb3c8;height:5px;position:fixed;z-index:2}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){#avatar{max-width:20em}}@media screen and (min-width:75em){.App-header{align-items:center;justify-content:space-between;padding-right:2em}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.App-header{flex-flow:column;height:3em}.head-on-scroll{height:2.5em}.nav-bg-portrait{background:#367e7c;height:100vh;opacity:1;position:fixed;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:.4s;width:75%;z-index:12}.nav-greyout{-webkit-transform:translateX(0);transform:translateX(0)}}.nav-link-wrap{display:flex;flex-direction:row;gap:1em}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.nav-link-wrap{box-sizing:border-box;color:#fff;flex-direction:column;height:60vh;justify-content:space-evenly;margin-top:25%}}.nav-link-wrap a{border-bottom:2px solid hsla(0,0%,100%,0)}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.--nav-font{font-size:calc(13px + 2vw)}}.scale{display:block;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.scale:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.active{color:#1cb3c8}.nav-menu-show{display:flex}#nav-close-btn,.nav-menu-close{display:none}#nav-close-btn img{max-width:2em}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.nav-centre{align-items:center;display:grid;height:100vh;justify-content:center;justify-items:center;position:absolute;width:100vw}.nav-link-wrap a{align-content:center;align-self:center;display:grid}#nav-close-btn{display:grid;padding:.5em 1em;position:absolute;right:0;top:0}}.home-nav{-webkit-animation:nav-option-pop .5s .5s forwards;animation:nav-option-pop .5s .5s forwards}.about-nav,.home-nav{opacity:0;-webkit-transform:translate(-50px,-150%);transform:translate(-50px,-150%)}.about-nav{-webkit-animation:nav-option-pop .5s .6s forwards;animation:nav-option-pop .5s .6s forwards}.skills-nav{-webkit-animation:nav-option-pop .5s .7s forwards;animation:nav-option-pop .5s .7s forwards}.project-nav,.skills-nav{opacity:0;-webkit-transform:translate(-50px,-150%);transform:translate(-50px,-150%)}.project-nav{-webkit-animation:nav-option-pop .5s .8s forwards;animation:nav-option-pop .5s .8s forwards}.work-nav{-webkit-animation:nav-option-pop .5s .9s forwards;animation:nav-option-pop .5s .9s forwards}.contact-nav,.work-nav{opacity:0;-webkit-transform:translate(-50px,-150%);transform:translate(-50px,-150%)}.contact-nav{-webkit-animation:nav-option-pop .5s 1s forwards;animation:nav-option-pop .5s 1s forwards}@-webkit-keyframes nav-option-pop{to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes nav-option-pop{to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.contact-form{display:flex;flex-direction:column;gap:1em;opacity:0;padding:20px;-webkit-transform:translateY(50%);transform:translateY(50%);width:40%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.contact-form{width:auto}}@-webkit-keyframes form-slideInTop{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes form-slideInTop{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact-wrapper label{font-family:monospace;font-size:calc(10px + 2vmin);padding:5px}.inputs{display:flex;flex-direction:row;justify-content:space-between}input[type=email],input[type=text],textarea{background:hsla(18,68%,95%,.812);border:1px solid gray;border-radius:10px 0;font-size:15px;height:25px;padding:5px;transition:.5s}input[type=email]:focus,input[type=text]:focus,textarea:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}textarea{align-items:self-start;font-size:15px;height:250px;overflow:hidden;padding:10px;resize:vertical}@media only screen and (min-width:724px)and (min-height:724px)and (max-width:1366px)and (max-height:1366px)and (orientation:landscape){textarea{height:180px}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){textarea{height:150px}}input[type=submit]{align-self:flex-end;background:transparent;border:1px solid #3c415e;border-radius:10px 0;box-shadow:2px 2px 5px gray;color:inherit;font-size:20px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:5px 25px;transition:.5s;width:100px}input[type=submit]:hover{background:#a2b8c6;-webkit-transform:scale(1.2);transform:scale(1.2)}input[type=submit]:active{background:#3c415e;color:#fff}#textarea-label{align-self:normal;margin-top:10px}.email-confirmation{align-items:center;-webkit-animation:drop 1s linear forwards;animation:drop 1s linear forwards;display:none;height:50px;justify-content:center;opacity:0;position:fixed;top:10%;width:100vh}.email-confirmation span{align-self:center;background:#d6fffe;border:1px solid gray;border-radius:5px;padding:10px}.show-confirm{-webkit-animation:dropFade 2s linear forwards;animation:dropFade 2s linear forwards;display:grid}.contact-info-wrapper{display:flex;flex-direction:column;gap:calc(1em + 3vh);padding:25px;width:40%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape),only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.contact-info-wrapper{width:auto}}.slide-right{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:.5s}@-webkit-keyframes slideInRight{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.contact-wrapper{background:linear-gradient(135deg,#a7bcb9,#faefea);border-radius:20px 0;box-shadow:5px 5px 10px gray;display:flex;justify-content:space-around;margin:0 auto;opacity:0;-webkit-transform:scale(.6);transform:scale(.6);width:100%}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.contact-wrapper{flex-direction:column-reverse;width:auto}}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:landscape){.contact-wrapper{width:auto}}@-webkit-keyframes contact-fadeIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes contact-fadeIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.info-article{display:flex;flex-direction:column;gap:1em}.contact-info{align-items:center;display:flex;gap:1em}.contact-info::hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-info img{width:25px}.contact-info a{color:inherit;text-decoration:none}@-webkit-keyframes dropFade{0%{opacity:0;-webkit-transform:translateY(-150%);transform:translateY(-150%)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0}}@keyframes dropFade{0%{opacity:0;-webkit-transform:translateY(-150%);transform:translateY(-150%)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0}}.project-container{display:flex;flex-direction:column;gap:2em;margin-top:2em;max-width:1200px;position:relative;width:100%}.project-wrapper{align-items:center;border-radius:5px;display:flex;overflow:hidden;transition:.2s}.project-wrapper:focus .project-picture,.project-wrapper:hover .project-picture{-webkit-filter:none;filter:none}.project-wrapper:focus .project-picture:after,.project-wrapper:hover .project-picture:after{background:transparent}.project-wrapper:focus .project-picture img:first-child,.project-wrapper:hover .project-picture img:first-child{-webkit-filter:none;filter:none}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.project-wrapper:focus .project-info,.project-wrapper:hover .project-info{height:24em;padding:10px}.project-wrapper:focus .info-arrow-img,.project-wrapper:hover .info-arrow-img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.project-wrapper{flex-direction:column-reverse}.project-wrapper:focus .project-info,.project-wrapper:target{-webkit-transform:translateY(0);transform:translateY(0)}}.even-p-wrapper{flex-direction:row-reverse}.even-p-wrapper .project-info{left:0}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.even-p-wrapper{flex-direction:column-reverse}}.project-info{background:hsla(171,6%,77%,.831);border-radius:5px;box-sizing:border-box;font-size:calc(8px + 1vmin);height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:10px;position:absolute;right:0;transition:.5s;width:40em;z-index:1}.project-info h2,.project-info h5,.project-info p{margin:10px 0;padding:0}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.project-info{border-radius:0 0 5px 5px;font-size:calc(8px + 3vmin);height:0;left:0;padding:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:0}}.expand-info{height:22em;padding:10px}.info-arrow{align-content:center;background:transparent;background:hsla(0,2%,74%,.722);border:none;bottom:0;display:none;height:3em;left:0;overflow:hidden;position:absolute;transition:.5s;width:100%;z-index:1}.info-arrow img{justify-self:center;max-height:2em;max-width:2em;transition:.5s}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.info-arrow{display:grid}}.rotate-arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.project-info p:after{border-bottom:100px solid #45597e;border-left:100px solid transparent;border-right:100px solid transparent;height:0;width:0}.project-picture{align-items:center;border-radius:5px;display:grid;overflow:hidden;position:relative;transition:.5s}.project-picture:after{background:rgba(47,207,199,.639);border-radius:5px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:.5s}.project-picture img:first-child{-webkit-filter:grayscale(1) contrast(1);filter:grayscale(1) contrast(1);max-width:38em}@media only screen and (min-width:360px)and (max-width:960px)and (max-height:960px)and (orientation:portrait){.project-picture{border-radius:0}.project-picture img:first-child{max-width:100%}}.scale-project{display:block;-webkit-transform:scale(.95);transform:scale(.95);transition:.2s}.scale-project:focus,.scale-project:hover{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
/*# sourceMappingURL=main.fc60c7cf.css.map*/