:root{--color-primary: black;--color-background: white;--heading-color1: rgb(238, 238, 238);--heading-color2: rgb(34, 34, 34)}@font-face{font-family:AvenirLight;src:url(/assets/Avenir-Light.9f9cd24a.ttf)}@font-face{font-family:AvenirRoman;src:url(/assets/Avenir-Roman.fadaa3ab.ttf)}@font-face{font-family:AvenirBook;src:url(/assets/Avenir-Book.c34b304b.ttf)}@font-face{font-family:AvenirMedium;src:url(/assets/Avenir-Medium.7372d8ac.ttf)}@font-face{font-family:AvenirHeavy;src:url(/assets/Avenir-Heavy.fdc5df66.ttf)}*{margin:0;padding:0}body{background-color:var(--color-background)}p{font-size:25px;color:var(--heading-color2)}@media only screen and (max-width: 1400px){p{font-size:24px}}@media only screen and (max-width: 800px){p{font-size:22px}}@media only screen and (max-width: 600px){p{font-size:20px}}h1{font-size:200px;color:var(--heading-color1);font-family:AvenirHeavy}@media only screen and (max-width: 1600px){h1{font-size:180px}}@media only screen and (max-width: 1500px){h1{font-size:160px}}@media only screen and (max-width: 1400px){h1{font-size:140px}}@media only screen and (max-width: 1200px){h1{font-size:120px}}@media only screen and (max-width: 800px){h1{font-size:100px}}@media only screen and (max-width: 600px){h1{font-size:80px}}h2{font-size:80px;color:var(--heading-color2);font-family:AvenirHeavy}.mt-10{margin-top:8px}@media only screen and (max-width: 800px){.mt-10{margin-top:8px}}@media only screen and (max-width: 600px){.mt-10{margin-top:6px}}@media only screen and (max-width: 400px){.mt-10{margin-top:4px}}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.name-svg{width:500px}@media only screen and (max-width: 1200px){.name-svg{width:450px}}@media only screen and (max-width: 800px){.name-svg{width:410px}}@media only screen and (max-width: 600px){.name-svg{width:370px}}@media only screen and (max-width: 500px){.name-svg{width:350px}}#vector{stroke:#fff;stroke-width:3;stroke-dasharray:1532.29;stroke-dashoffset:1532.29;animation:text-animation 2s linear forwards;animation-delay:.5s}#text-path{fill:#222}@keyframes text-animation{to{stroke-dashoffset:0}}main{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}main .des{margin-left:4px;margin-top:2px;width:467px;height:80px;overflow:hidden;position:relative}@media only screen and (max-width: 1200px){main .des{margin-top:0;width:410px}}@media only screen and (max-width: 800px){main .des{width:380px;margin-top:-5px}}@media only screen and (max-width: 600px){main .des{width:320px;margin-top:-7px}}@media only screen and (max-width: 500px){main .des{width:270px;margin-top:-8px;margin-left:2px}}main .des p{position:absolute;font-size:50px;font-family:AvenirRoman;transform:translateY(120%);animation:p-animation .4s ease forwards;animation-delay:2.55s}@media only screen and (max-width: 1200px){main .des p{font-size:44px}}@media only screen and (max-width: 800px){main .des p{font-size:40px}}@media only screen and (max-width: 600px){main .des p{font-size:34px}}@media only screen and (max-width: 500px){main .des p{font-size:28px}}@keyframes p-animation{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}section.about{height:100vh;overflow:hidden;padding-top:100px;position:relative}section.about h1{position:absolute;left:-220px;z-index:-1}section.about p{font-family:AvenirLight;font-size:38px;margin-right:5%;margin-left:30%;margin-top:120px}@media only screen and (max-width: 1500px){section.about p{font-size:32px}}@media only screen and (max-width: 1200px){section.about p{font-size:28px;margin-right:8%}}@media only screen and (max-width: 1000px){section.about p{font-size:25px;margin-right:10%;margin-left:26%}}@media only screen and (max-width: 800px){section.about p{font-size:23px;margin-right:10%;margin-left:22%}}@media only screen and (max-width: 600px){section.about p{font-size:20px;margin-right:10%;margin-left:10%}}@media only screen and (max-width: 600px){section.about p{font-size:19px;margin-right:6%;margin-left:8%}}section.work{padding:0 5vw}@media only screen and (max-width: 1550px){section.work{padding:0 2vw}}@media only screen and (max-width: 1470px){section.work{padding:0 1vw}}@media only screen and (max-width: 1300px){section.work{padding:0;overflow:hidden}}.project{height:1800px;position:relative}.overlay{position:relative;animation-delay:.5s;width:fit-content}.overlay:after{content:"";top:0px;left:0px;position:absolute;width:0%;height:100%;background:rgb(34,34,34);animation:overlay 1s cubic-bezier(.19,1,.22,1) 0s 1 normal forwards running}@keyframes overlay{0%{left:0;width:0%}50%{left:0%;width:100%}to{left:100%;width:0%}}.project-number{font-family:AvenirHeavy;font-size:30px;color:var(--heading-color2)}.project-description{position:absolute;position:fixed;top:3vw;left:3vw;max-width:40%;opacity:0;pointer-events:none;transition:all .2s ease}@media only screen and (max-width: 1470px){.project-description{left:2vw;max-width:38%}}@media only screen and (max-width: 1080px){.project-description{left:2vw;min-width:520px}}@media only screen and (max-width: 600px){.project-description{min-width:96%;left:2vw}}.inner-project-description{padding-top:200px;padding-left:4vw}.inner-project-description p{font-family:AvenirBook}@media only screen and (max-width: 1470px){.inner-project-description{padding-left:2vw}.inner-project-description h2{font-size:60px}.inner-project-description p{font-size:25px}}@media only screen and (max-width: 1080px){.inner-project-description{padding-top:50px}}@media only screen and (max-width: 1080px){.inner-project-description h2{font-size:40px}.inner-project-description p{font-size:20px}}@media only screen and (max-width: 600px){.inner-project-description h2{font-size:35px}.inner-project-description p{font-size:18px}}.project-des{display:flex;align-items:center;margin-top:4px}.project-des p{font-size:30px;font-family:AvenirMedium}@media only screen and (max-width: 1470px){.project-des{margin-top:8px}.project-des p{font-size:27px}}@media only screen and (max-width: 1080px){.project-des{margin-top:6px}.project-des p{font-size:24px}}@media only screen and (max-width: 1080px){.project-des{margin-top:0}.project-des p{font-size:20px}}.project-description-icons{margin-left:10px;margin-top:5px;display:flex;align-items:center;justify-content:center}.project-description-icons a{text-decoration:none;color:var(--heading-color2);padding:5px}.project-description-icons a svg{width:18px}@media only screen and (max-width: 1470px){.project-description-icons a svg{width:16px}}@media only screen and (max-width: 1080px){.project-description-icons a svg{width:14px}}.project-mockups{position:absolute;top:200px;right:20px}@media only screen and (max-width: 1400px){.project-mockups{right:-10px}}@media only screen and (max-width: 1300px){.project-mockups{right:-70px}}@media only screen and (max-width: 700px){.project-mockups{right:-110px;top:280px}}@media only screen and (max-width: 600px){.project-mockups{right:-155px;top:300px}}@media only screen and (max-width: 500px){.project-mockups{right:-190px;top:340px}}@media only screen and (max-width: 430px){.project-mockups{right:-230px;top:400}}.img-container{position:relative;width:800px;height:440px;overflow:hidden}@media only screen and (max-width: 1400px){.img-container{transform:scale(.9)}}@media only screen and (max-width: 1300px){.img-container{transform:scale(.8)}}@media only screen and (max-width: 700px){.img-container{transform:scale(.7)}}@media only screen and (max-width: 600px){.img-container{transform:scale(.6)}}@media only screen and (max-width: 500px){.img-container{transform:scale(.5)}}@media only screen and (max-width: 430px){.img-container{transform:scale(.4)}}.mockup{position:absolute;top:0px;right:0px;left:1.5px;z-index:100;width:800px}.screenshot-f{position:absolute;top:19px;border-radius:2px;left:100px;width:604px}.project-mockups-tab{position:absolute;top:780px;right:420px;z-index:100}@media only screen and (max-width: 1400px){.project-mockups-tab{right:360px;top:760px}}@media only screen and (max-width: 1300px){.project-mockups-tab{right:270px;top:660px}}@media only screen and (max-width: 700px){.project-mockups-tab{right:235px}}@media only screen and (max-width: 600px){.project-mockups-tab{right:140px}}@media only screen and (max-width: 500px){.project-mockups-tab{right:95px}}@media only screen and (max-width: 430px){.project-mockups-tab{right:40px}}.project-mockups-tab2{position:absolute;top:820px;right:2px;z-index:100}@media only screen and (max-width: 1400px){.project-mockups-tab2{right:-10px;top:800px}}@media only screen and (max-width: 1300px){.project-mockups-tab2{right:-20px;top:760px}}@media only screen and (max-width: 700px){.project-mockups-tab2{right:-50px}}@media only screen and (max-width: 600px){.project-mockups-tab2{right:-73px}}@media only screen and (max-width: 500px){.project-mockups-tab2{right:-90px}}@media only screen and (max-width: 430px){.project-mockups-tab2{right:-105px}}.project-mockups-phone{position:absolute;top:700px;right:160px;z-index:100}@media only screen and (max-width: 1400px){.project-mockups-phone{right:120px}}@media only screen and (max-width: 1300px){.project-mockups-phone{right:80px}}@media only screen and (max-width: 600px){.project-mockups-phone{right:30px}}@media only screen and (max-width: 500px){.project-mockups-phone{right:10px}}@media only screen and (max-width: 430px){.project-mockups-phone{right:-16px}}.img-container-tab{position:relative;width:402px;height:521.5px;overflow:hidden}@media only screen and (max-width: 1400px){.img-container-tab{transform:scale(.9)}}@media only screen and (max-width: 1300px){.img-container-tab{transform:scale(.8);height:520px}}@media only screen and (max-width: 700px){.img-container-tab{transform:scale(.7)}}@media only screen and (max-width: 600px){.img-container-tab{transform:scale(.6)}}@media only screen and (max-width: 500px){.img-container-tab{transform:scale(.5)}}@media only screen and (max-width: 430px){.img-container-tab{transform:scale(.4)}}.img-container-phone{position:relative;width:215px;height:453px;overflow:hidden;border-top-left-radius:23;border-top-right-radius:27;border-bottom-left-radius:23;border-bottom-right-radius:27}@media only screen and (max-width: 1400px){.img-container-phone{transform:scale(.9)}}@media only screen and (max-width: 1300px){.img-container-phone{transform:scale(.8)}}@media only screen and (max-width: 700px){.img-container-phone{transform:scale(.7)}}@media only screen and (max-width: 600px){.img-container-phone{transform:scale(.6)}}@media only screen and (max-width: 500px){.img-container-phone{transform:scale(.5)}}@media only screen and (max-width: 430px){.img-container-phone{transform:scale(.4)}}.mockup-tab{position:absolute;top:0px;right:0px;left:1.5px;z-index:100;width:400px}.mockup-phone{position:absolute;top:0px;right:0px;left:1.5px;z-index:100;width:210px}.screenshot-tab-f{position:absolute;top:17px;border-radius:2px;left:18.5px;width:366px;z-index:2}.screenshot-thejob{position:absolute;border-radius:2px;top:17.5px;left:99.5px;width:604px}.screenshot-tab-thejob{position:absolute;top:16px;border-radius:2px;left:18.5px;width:366px;z-index:2}.screenshot-phone-thejob{position:absolute;top:7px;border-radius:2px;left:8px;width:195.5px;z-index:2}.screenshot-c{position:absolute;top:18px;border-radius:2px;left:99.5px;width:604px}.screenshot-tab-c{position:absolute;top:17;border-radius:2px;left:18.5px;width:366px;z-index:2}.screenshot-phone-c{position:absolute;top:7;border-radius:2px;left:7.5px;width:196px;z-index:2}.screenshot-trava{position:absolute;top:18px;border-radius:2px;left:99.5px;width:604px}.screenshot-tab-trava{position:absolute;top:16px;border-radius:2px;left:18.5px;width:366px;z-index:2}.screenshot-phone-trava{position:absolute;top:7;border-radius:2px;left:7.5px;width:196px;z-index:2}section.skills{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:200px}section.skills h1{position:absolute;right:-220px;z-index:-1}section.skills .inner-skills{width:750px}@media only screen and (max-width: 1200px){section.skills .inner-skills{margin-left:10%;margin-right:10%}}section.skills .inner-skills ul{display:grid;grid-template-columns:repeat(2,auto);padding-bottom:400px;justify-content:space-between}@media only screen and (max-width: 500px){section.skills .inner-skills ul{grid-template-columns:repeat(1,auto);justify-content:flex-start}}section.skills .inner-skills ul li{list-style:none;font-family:AvenirRoman;font-size:40px;margin-bottom:4px;color:var(--heading-color2)}@media only screen and (max-width: 1500px){section.skills .inner-skills ul li{font-size:36px}}@media only screen and (max-width: 1200px){section.skills .inner-skills ul li{font-size:32px}}@media only screen and (max-width: 1000px){section.skills .inner-skills ul li{font-size:30px}}@media only screen and (max-width: 800px){section.skills .inner-skills ul li{font-size:28px}}@media only screen and (max-width: 600px){section.skills .inner-skills ul li{font-size:26px}}@media only screen and (max-width: 500px){section.skills .inner-skills ul li{margin-bottom:12px}}section.contact{height:100vh;display:flex;align-items:center;position:relative}section.contact .inner-contact{width:100%;padding-bottom:10%}section.contact .inner-contact h1{position:absolute;left:-220px;z-index:-1}section.contact .inner-contact .social{display:flex;align-items:flex-end;justify-content:space-evenly;margin:0 6%;height:210px}@media only screen and (max-width: 520px){section.contact .inner-contact .social{flex-direction:column;align-items:center;height:420px;margin-top:100px}}section.contact .inner-contact .social a img{width:90px}@media only screen and (max-width: 1500px){section.contact .inner-contact .social a img{width:84px}}@media only screen and (max-width: 1200px){section.contact .inner-contact .social a img{width:78px}}@media only screen and (max-width: 1000px){section.contact .inner-contact .social a img{width:74px}}@media only screen and (max-width: 800px){section.contact .inner-contact .social a img{width:69px}}@media only screen and (max-width: 600px){section.contact .inner-contact .social a img{width:64px}}@media only screen and (max-width: 520px){section.contact .inner-contact .social a img{width:72px}}.op100{opacity:100;pointer-events:auto}