body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{width:100%;height:100%}.header{font-family:"Aileron Regular";font-size:20px}@media only screen and (min-width:320px){.header__logo{padding-left:5vw;color:#fff}}@media only screen and (min-width:320px){.header__nav-list{padding-left:5vw;cursor:pointer}}@media only screen and (min-width:768px){.header__nav-list{display:flex;justify-content:flex-end;margin-top:-2.5rem;padding-right:5vw}}@media only screen and (min-width:320px){.header__nav-list-item{list-style-type:none;padding-bottom:5px;color:#fff}}@media only screen and (min-width:768px){.header__nav-list-item{padding-left:2vw}}.header__nav-list-item:hover{font-weight:700}body{background:#000;padding:0;margin:0}.container{display:flex;justify-content:flex-end;width:100%}@media only screen and (min-width:320px){.intro{margin:-2rem 0 0 2vw;width:100%;display:flex;height:300px;padding-top:3rem}}@media only screen and (min-width:320px)and (min-width:768px){.intro{margin:-2rem 0 0 3vw}}@media only screen and (min-width:320px)and (min-width:1200px){.intro{margin-top:-2rem 0 0 4vw}}.intro .text{display:none}.intro.go .text{font-size:23px;display:flex}@media only screen and (min-width:768px){.intro.go .text{font-size:62px}}@media only screen and (min-width:1200px){.intro.go .text{font-size:70px}}.intro.go .text-stroke,.intro.go .text-stroke-2{stroke:#fff;stroke-width:5px;stroke-dashoffset:-900;stroke-dasharray:900;stroke-linecap:butt;stroke-linejoin:round;animation:dash 2.5s ease-in-out forwards;fill:none}.intro.go .text-stroke:nth-child(2){animation-delay:.3s}.intro.go .text-stroke:nth-child(3){animation-delay:.9s}.intro.go .text-stroke-2{stroke:#fff;animation-delay:1.2s}.intro.go .text-stroke:nth-child(5){animation-delay:1.5s}.intro.go .text-stroke:nth-child(6){animation-delay:1.8s}@keyframes dash{to{stroke-dashoffset:0}}@media only screen and (min-width:320px){.home__background-image{background:url(/static/media/v2.d42d2d61.svg);width:100%;height:100vh;background-size:contain;background-repeat:no-repeat;background-position:50%;flex-direction:column;display:flex;justify:center;margin:-20rem 0 0 -1rem;opacity:1}}@media only screen and (min-width:768px){.home__background-image{padding:12%;margin:-26rem 0 0}}@media only screen and (min-width:1200px){.home__background-image{padding:43%;background-position:0;margin:-28rem 5vw 0 0}}@media only screen and (min-width:320px){.home__footer-credit{color:#fff;font-family:"Aileron Regular";display:flex;justify-content:flex-end;margin-right:5vw;font-size:10px}}@media only screen and (min-width:320px){.home__arrow{display:none}}@media only screen and (min-width:768px){.home__arrow{display:flex;margin:2rem 0 0 8vw;width:7%;opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:4s}}@media only screen and (min-width:1200px){.home__arrow{width:5%;margin-left:6vw}}@media only screen and (min-width:320px){.home__arrow-top{display:none}}@media only screen and (min-width:768px){.home__arrow-top{display:flex;margin-left:8vw;width:7%;opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:4s}}@media only screen and (min-width:1200px){.home__arrow-top{width:5%;margin-left:6vw}}.footer{color:#fff}@media only screen and (min-width:320px){.footer__container{display:flex;margin-top:1rem 0 0 0;justify-content:center}}@media only screen and (min-width:320px){.footer__github,.footer__gitlab,.footer__gmail,.footer__linkedin{padding-right:5vw;font-size:20px;color:#fff}}body,html{margin:0;padding:0}.about{color:#fff}@media only screen and (min-width:320px){.about__button,.about__image{display:flex;justify-content:center;margin:auto}}@media only screen and (min-width:320px){.about__image-container{width:100%;height:100vh;opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s}}@media only screen and (min-width:320px){.about__text-container{width:100%;height:50vh}}@media only screen and (min-width:768px){.about__text-container{padding-bottom:5rem}}@media only screen and (min-width:1200px){.about__text-container{padding-top:5rem}}@media only screen and (min-width:320px){.about__text{font-size:15px;font-family:"Aileron Regular";text-align:center;margin:0 5vw}}@media only screen and (min-width:768px){.about__text{font-size:25px;width:70%}}@media only screen and (min-width:1200px){.about__text{width:80%;font-size:30px}}@media only screen and (min-width:320px){.about__header{font-family:"Aileron UltraLight";font-size:50px}}@media only screen and (min-width:768px){.about__header{font-size:60px}}@media only screen and (min-width:1200px){.about__header{font-size:80px}}@media only screen and (min-width:320px){.about__header,.about__text{display:flex;justify-content:center}}@media only screen and (min-width:768px){.about__text{padding-bottom:5rem}}@media only screen and (min-width:320px){.about__text-box{margin:auto}}@media only screen and (min-width:320px){.about__skills,.about__text-box{display:flex;justify-content:center}.about__skills{margin:-12rem 0 0 5vw;flex-wrap:wrap}}@media only screen and (min-width:768px){.about__skills{margin-left:2vw;margin-top:-15rem}}@media only screen and (min-width:1200px){.about__skills{margin:-20rem 0 0;padding-top:6rem}}@media only screen and (min-width:320px){.about__flex{display:flex;flex-wrap:wrap;width:100%;justify-content:center}}@media only screen and (min-width:768px){.about__flex{width:50%}}@media only screen and (min-width:1200px){.about__flex{width:40%}}@media only screen and (min-width:320px){.about__skills-icon{font-size:30px;padding-right:20px}}@media only screen and (min-width:768px){.about__skills-icon{font-size:40px}}@media only screen and (min-width:1200px){.about__skills-icon{font-size:60px}}@media only screen and (min-width:320px){.about__scroll{display:flex;justify-content:center;margin:auto}}@media only screen and (min-width:870px){.about__scroll{justify-content:flex-end;margin:-20rem 11.5vw 0 0}}@media only screen and (min-width:1200px){.about__scroll{margin-top:-22rem}}@media only screen and (min-width:320px){.about__arrow{width:20%}}@media only screen and (min-width:375px){.about__arrow{width:15%}}@media only screen and (min-width:768px){.about__arrow{width:10%;margin-top:-3rem}}@media only screen and (min-width:320px){.about__scroll-top{display:flex;justify-content:center;margin:auto;width:20%;padding-bottom:2rem;padding-top:5rem}}@media only screen and (min-width:375px){.about__scroll-top{width:15%}}@media only screen and (min-width:768px){.about__scroll-top{width:10%}}@media only screen and (min-width:1200px){.about__scroll-top{width:8%}}body,html{min-height:100%}@media only screen and (min-width:320px){.aboutImage{position:relative;width:80%;padding-top:50%;margin:5rem auto 5rem 2.5rem}}@media only screen and (min-width:768px){.aboutImage{margin-top:2rem}}.aboutImage>.block{position:absolute;height:100%;width:30%;perspective:1000px}.aboutImage>.block:first-of-type{height:80%;top:10%;left:17%;width:15%}.aboutImage>.block:nth-of-type(2){top:0;left:35%}.aboutImage>.block:nth-of-type(3){height:80%;top:10%;left:64%;width:15%}.aboutImage>.block>.side{position:absolute;top:0;left:0;background-image:url(/static/media/Zemen_Teshome_WebDev.87b828bb.jpg);background-size:auto 100%;box-shadow:-1vw .5vw 1vw rgba(0,0,0,.3)}.aboutImage>.block>.side.-main{height:100%;width:100%;transform:rotateY(30deg);transform-origin:0 50%}.aboutImage>.block>.side.-left{height:100%;width:20%;transform-origin:0 50%;transform:rotateY(-60deg) translateX(-100%);filter:brightness(40%)}.aboutImage>.block:first-of-type>.side.-main{background-position:4% 50%;background-size:auto 130%}.aboutImage>.block:first-of-type>.side.-left{background-position:0 50%;background-size:auto 130%}.aboutImage>.block:nth-of-type(2)>.side.-main{background-position:50% 0}.aboutImage>.block:nth-of-type(2)>.side.-left{background-position:28.5% 0}.aboutImage>.block:nth-of-type(3)>.side.-main{background-position:96% 50%;background-size:auto 130%}.aboutImage>.block:nth-of-type(3)>.side.-left{background-position:78% 50%;background-size:auto 130%}.home{height:100vh}.contact{color:#fff;opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s}@media only screen and (min-width:320px){.contact__image{width:90%;margin-left:3vw}}@media only screen and (min-width:320px){.contact__header{font-family:"Aileron UltraLight";font-size:40px;display:flex;justify-content:center;margin-top:2rem}}@media only screen and (min-width:768px){.contact__header{font-size:80px}}@media only screen and (min-width:1200px){.contact__header{font-size:120px}}@media only screen and (min-width:320px){.contact__message{display:flex;justify-content:center;font-size:18px;margin-top:-1.5rem;font-family:"Aileron Thin"}}@media only screen and (min-width:768px){.contact__message{margin-top:-3rem;font-size:25px}}@media only screen and (min-width:1200px){.contact__message{margin-top:-5rem}}@media only screen and (min-width:320px){.contact__sub-heading{margin:auto;display:flex;justify-content:center;font-size:15px;font-family:"Aileron Thin"}}@media only screen and (min-width:768px){.contact__sub-heading{font-size:20px}}@media only screen and (min-width:320px){.contact__info{margin:auto;display:flex;justify-content:center;font-family:"Aileron Regular";font-size:20px;padding:2rem 0;color:#f9a44d}}@media only screen and (min-width:768px){.contact__info{font-size:25px}}.contact__credit{text-align:center;font-size:12px;padding-top:1rem;width:250px;margin:auto;padding-bottom:2rem}.contact__credit span{font-weight:700}.contact__link{text-decoration:none;color:#fff}@font-face{font-family:"Aileron Regular";font-style:normal;font-weight:400;src:url(/static/media/Aileron-Regular.c5009a31.woff) format("woff")}@font-face{font-family:"Aileron Thin";font-style:normal;font-weight:400;src:url(/static/media/Aileron-Thin.b2b25d9a.woff) format("woff")}@font-face{font-family:"Aileron Bold";font-style:normal;font-weight:400;src:url(/static/media/Aileron-Bold.6a8a4f50.woff) format("woff")}@font-face{font-family:"Aileron Black";font-style:normal;font-weight:400;src:url(/static/media/Aileron-Black.24bd001a.woff) format("woff")}@font-face{font-family:"Aileron UltraLight";font-style:normal;font-weight:400;src:url(/static/media/Aileron-UltraLight.cde43503.woff) format("woff")}.work{color:#fff}@media only screen and (min-width:320px){.work__header{display:flex;justify-content:center;font-family:"Aileron UltraLight";margin:2rem 0;font-size:60px}}@media only screen and (min-width:768px){.work__header{font-size:100px}}@media only screen and (min-width:1200px){.work__header{font-size:150px}}.work__card-container,.work__header,.work__scroll-top{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:320px){.work__card-container{width:100%;height:100%;position:relative}}@media only screen and (min-width:320px){.work__image-info span{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;background:rgba(29,106,154,.72);color:#fff;box-sizing:border-box;padding:10px 20px;opacity:0;transition:opacity .2s,visibility .2s}}@media only screen and (min-width:768px){.work__image-info span{width:50%;margin:auto}}@media only screen and (min-width:320px){.work__title{margin:0;padding:0;font-family:"Aileron Bold";font-size:26px}}@media only screen and (min-width:768px){.work__title{font-size:40px}}@media only screen and (min-width:1200px){.work__title{font-size:60px}}@media only screen and (min-width:320px){.work__link-tag{text-decoration:none;color:#fff}}@media only screen and (min-width:320px){.work__description,.work__link,.work__year{font-size:15px;font-family:"Aileron Regular";margin:4px 0 14px}}@media only screen and (min-width:1200px){.work__description,.work__link,.work__year{font-size:20px}}.work__image-info:active span,.work__image-info:focus span,.work__image-info:hover span{opacity:1}@media only screen and (min-width:320px){.work__image{width:100%;display:flex;justify-content:center;margin-bottom:2rem}}@media only screen and (min-width:768px){.work__image{width:50%;margin:auto auto 4rem}}@media only screen and (min-width:1200px){.work__image{width:50%;margin-bottom:6rem}}@media only screen and (min-width:320px){.work__scroll-top{margin:auto;display:flex;justify-content:center;width:20%;padding-bottom:2rem;padding-top:1rem}}@media only screen and (min-width:375px){.work__scroll-top{width:15%}}@media only screen and (min-width:768px){.work__scroll-top{width:10%}}@media only screen and (min-width:1200px){.work__scroll-top{width:8%}}
/*# sourceMappingURL=main.7be2fdbc.chunk.css.map */