@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);html{font-family:Inter,"system-ui"}@supports (font-variation-settings:normal){html{font-family:Inter,"system-ui"}}@-webkit-keyframes bobble-1{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateZ(0) rotate(17deg);transform:translateZ(0) rotate(17deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(-25px,-25px,0) rotate(17deg);transform:translate3d(-25px,-25px,0) rotate(17deg)}to{-webkit-transform:translateZ(0) rotate(17deg);transform:translateZ(0) rotate(17deg)}}@keyframes bobble-1{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateZ(0) rotate(17deg);transform:translateZ(0) rotate(17deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translate3d(-25px,-25px,0) rotate(17deg);transform:translate3d(-25px,-25px,0) rotate(17deg)}to{-webkit-transform:translateZ(0) rotate(17deg);transform:translateZ(0) rotate(17deg)}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotating-counter-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotating-counter-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes color-flash{0%{color:#f6ca10}25%{color:#fc8300}50%{color:#e73a2a}75%{color:#355cb0}to{color:#6cceaf}}@keyframes color-flash{0%{color:#f6ca10}25%{color:#fc8300}50%{color:#e73a2a}75%{color:#355cb0}to{color:#6cceaf}}@-webkit-keyframes rotate-and-stop{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotate-and-stop{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes rotate-and-stop-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}}@keyframes rotate-and-stop-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}}@-webkit-keyframes squish-1{0%{height:15px;-webkit-transform:translateZ(0);transform:translateZ(0);width:25px}50%{height:25px;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);width:15px}to{height:15px;-webkit-transform:translateZ(0);transform:translateZ(0);width:25px}}@keyframes squish-1{0%{height:15px;-webkit-transform:translateZ(0);transform:translateZ(0);width:25px}50%{height:25px;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);width:15px}to{height:15px;-webkit-transform:translateZ(0);transform:translateZ(0);width:25px}}@-webkit-keyframes disappearing-color-change-1{0%{background-color:#fc8300;height:35px;width:35px}25%{background-color:#fc8300;height:0;-webkit-transform:translateY(15px);transform:translateY(15px);width:0}26%{background-color:#6cceaf;height:0;width:0}50%{background-color:#6cceaf;height:35px;width:35px}75%{background-color:#6cceaf;height:0;-webkit-transform:translateX(25px);transform:translateX(25px);width:0}76%{background-color:#fc8300;height:0;width:0}to{background-color:#fc8300;height:35px;width:35px}}@keyframes disappearing-color-change-1{0%{background-color:#fc8300;height:35px;width:35px}25%{background-color:#fc8300;height:0;-webkit-transform:translateY(15px);transform:translateY(15px);width:0}26%{background-color:#6cceaf;height:0;width:0}50%{background-color:#6cceaf;height:35px;width:35px}75%{background-color:#6cceaf;height:0;-webkit-transform:translateX(25px);transform:translateX(25px);width:0}76%{background-color:#fc8300;height:0;width:0}to{background-color:#fc8300;height:35px;width:35px}}@-webkit-keyframes disappearing-color-change-2{0%{background-color:#fc8300;height:35px;width:35px}25%{background-color:#6cceaf;height:0;-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0);width:0}50%{background-color:#6cceaf;height:35px;width:35px}75%{background-color:#6cceaf;height:0;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0);width:0}to{background-color:#fc8300;height:35px;-webkit-transform:translateZ(0);transform:translateZ(0);width:35px}}@keyframes disappearing-color-change-2{0%{background-color:#fc8300;height:35px;width:35px}25%{background-color:#6cceaf;height:0;-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0);width:0}50%{background-color:#6cceaf;height:35px;width:35px}75%{background-color:#6cceaf;height:0;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0);width:0}to{background-color:#fc8300;height:35px;-webkit-transform:translateZ(0);transform:translateZ(0);width:35px}}body,html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-weight:inherit;margin:0;padding:0;position:relative}h1,h2,h3,h4,h5,h6{display:block;width:100%}h2,h3,h4,span{background-color:#000;color:#fff;display:inline}h2{font-size:33px;font-weight:700;margin-left:20px;padding-bottom:3px;z-index:1}h2:before{background-color:#000;content:"";display:block;height:100%;left:-3%;position:absolute;top:0;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);width:106%;z-index:-1}span{font:inherit}section{padding:60px;width:100%}.hidden,.hide{display:none!important}.img-wrapper img{width:100%}body .background-shapes{height:100%;left:0;position:absolute;top:0;width:100%}body .rectangle{height:25px;width:25px}body .rectangle,body .rectangle-1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}body .rectangle-1{background-color:#e73a2a;height:15px;position:absolute;right:18%;top:12%}body .rectangle-2{bottom:15%;left:27%;-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}body .rectangle-2,body .rectangle-3{background-color:#e73a2a;position:absolute;width:15px}body .rectangle-3{left:9%;top:6%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body .rectangle-4{bottom:22%;right:9%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body .rectangle-4,body .rectangle-5{background-color:#6cceaf;position:absolute;width:15px}body .rectangle-5{left:38%;top:12%}body .rectangle-5,body .rectangle-6{-webkit-transform:rotate(74deg);transform:rotate(74deg)}body .rectangle-6{background-color:#6cceaf;bottom:0;left:48%;position:absolute;width:15px}body .square{height:65px;transition:all .25s ease-in-out;width:65px}body .square.sm{height:50px;width:50px}body .square-1{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:60s;-moz-animation-duration:60s;animation-duration:60s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotating-counter-clockwise;-moz-animation-name:rotating-counter-clockwise;animation-name:rotating-counter-clockwise;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;bottom:20%;right:35%;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}body .square-1,body .square-2{background-color:#e73a2a;position:absolute}body .square-2{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:rotate-and-stop-2;-moz-animation-name:rotate-and-stop-2;animation-name:rotate-and-stop-2;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;left:20%;top:21%;-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}body .square-3{background-color:#6cceaf;bottom:6%;left:9%;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body .square-4{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:rotate-and-stop;-moz-animation-name:rotate-and-stop;animation-name:rotate-and-stop;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#e73a2a;position:absolute;right:3%;top:29%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body .square-5{right:36%;top:-2%;-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}body .square-5,body .square-6{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:60s;-moz-animation-duration:60s;animation-duration:60s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotating;-moz-animation-name:rotating;animation-name:rotating;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;background-color:#fc8300;position:absolute}body .square-6{left:-1%;top:47%;-webkit-transform:rotate(-33deg);transform:rotate(-33deg)}body .square-7{right:22%;top:37%}body .square-7,body .square-8{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:21s;-moz-animation-duration:21s;animation-duration:21s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:bobble-1;-moz-animation-name:bobble-1;animation-name:bobble-1;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#6cceaf;position:absolute}body .square-8{bottom:4%;right:0}body .square-9{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:60s;-moz-animation-duration:60s;animation-duration:60s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotating;-moz-animation-name:rotating;animation-name:rotating;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;background-color:#fc8300;position:absolute;right:58%;top:0;-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}body .circle{border-radius:50%;height:35px;width:35px}body .circle-1{bottom:5%;right:17%}body .circle-1,body .circle-2{background-color:#fc8300;position:absolute}body .circle-2{bottom:32%;left:17%}body .circle-3{background-color:#e73a2a;left:48%;position:absolute;top:22%}body .circle-4{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:28s;-moz-animation-duration:28s;animation-duration:28s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:bobble-1;-moz-animation-name:bobble-1;animation-name:bobble-1;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#6cceaf;left:6%;position:absolute;top:22%}body .circle-5{background-color:#fc8300;bottom:40%;height:60px;position:absolute;right:11%;width:60px}body .circle-6{height:74px;right:2%;top:1%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body .circle-6,body .circle-7{background-color:#6cceaf;position:absolute;transition:all .25s ease-in-out}body .circle-7{bottom:26%;left:41%;width:65px}body .circle-7,body .circle-8{-webkit-transform:rotate(-13deg);transform:rotate(-13deg)}body .circle-8{background-color:#fc8300;bottom:10%;left:52%;position:absolute}body .curved{border-radius:5px}body.home{max-height:100vh;overflow:hidden;transition:all .25s ease-in-out}body.home.loaded{max-height:100%;overflow:visible;overflow:initial;overflow-x:hidden}body.home.loaded .hero:after{opacity:0}body.home.dark-mode .circle-4,body.home.dark-mode .circle-6,body.home.dark-mode .circle-7,body.home.dark-mode .rectangle-1,body.home.dark-mode .rectangle-4,body.home.dark-mode .rectangle-5,body.home.dark-mode .rectangle-6,body.home.dark-mode .square-3,body.home.dark-mode .square-7,body.home.dark-mode .square-8{background-color:#355cb0}body.home.dark-mode .about-me,body.home.dark-mode .hero{background-color:#000}body.home.dark-mode .about-me .section-wrapper{background-color:#e73a2a;border-radius:25px}body.home.dark-mode .about-me .section-wrapper .img-wrapper:before{background-color:#000}body.home.dark-mode .project-section{background-color:#e73a2a}body.home.dark-mode .project-section .project{border-color:#000}body.home.dark-mode .project-section .project .image-container:before{background-color:#000}body.home .hero{-moz-align-items:center;-ms-align-items:center;align-items:center;display:flex;justify-content:center;min-height:100vh;min-width:calc(100vw - 30px);padding:15px}body.home .hero,body.home .hero:after{background-color:#f6ca10;transition:all .25s ease-in-out}body.home .hero:after{content:"";height:100vh;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100vw;z-index:15}body.home .hero h1{color:#f6ca10;cursor:default;font-size:225px;font-weight:700;overflow:hidden;padding:0 10px;text-align:center;text-shadow:0 0 10px rgba(231,58,42,.4);transition:all .4s ease-in-out;-webkit-user-select:none;user-select:none;width:70px}body.home .hero h1.reveal{color:#fff;width:100%}body .about-me{background-color:#f6ca10;display:flex;justify-content:center;transition:all .25s ease-in-out}body .about-me .section-wrapper{background-color:#fc8300;border-top:none;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1700px;padding:60px 60px 50px}body .about-me .section-wrapper:after{box-shadow:-1px 0 9px -1px rgba(232,58,42,.5);-webkit-box-shadow:-1px 0 9px -1px rgba(232,58,42,.5);-moz-box-shadow:-1px 0 9px -1px rgba(232,58,42,.5);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}body .about-me span{font-size:17px;font-weight:500;line-height:24px}body .about-me span:before{content:"";display:block;height:15px;width:100%}body .about-me span a{background:#000;color:#fff;display:inline;font-weight:700;text-decoration:none}body .about-me .textbox{display:inline;width:60%}body .about-me .img-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:25%;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;cursor:pointer}body .about-me .img-wrapper:before{background-color:#e73a2a;content:"";height:100%;left:15px;position:absolute;top:10px;transition:all .25s ease-in-out;width:100%}body .about-me .img-wrapper img{transition:all .25s ease-in-out}body .about-me .img-wrapper:hover:before{border-radius:15px;height:calc(100% + 30px);left:-15px;top:-15px;width:calc(100% + 30px)}body .about-me .img-wrapper:hover img{border-radius:15px}body .about-me .technologies{padding-top:40px}body .technologies-container{display:flex;flex-wrap:wrap;padding-top:20px}body .technologies-container .technology{-moz-align-items:center;-ms-align-items:center;align-items:center;background:#000;display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:center;margin:0 20px 10px 0;padding:5px 10px}body .technologies-container .technology#css:hover{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotating-counter-clockwise;-moz-animation-name:rotating-counter-clockwise;animation-name:rotating-counter-clockwise;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear}body .technologies-container .technology#sass:hover p{-webkit-animation-delay:false;-moz-animation-delay:false;animation-delay:false;-webkit-animation-direction:false;-moz-animation-direction:false;animation-direction:false;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:color-flash;-moz-animation-name:color-flash;animation-name:color-flash;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}body .technologies-container .technology p{color:#fff;font-weight:700;text-align:center}body .technologies-container .technology p.orange{color:#fc8300}body .technologies-container .technology p.blue{color:#718cc7}body .technologies-container .technology p.yellow{color:#f6ca10}body .technologies-container .technology p.teal{color:#6cceaf}body .technologies-container .technology p.red{color:#e73a2a}body .project-section{background-color:#fc8300;box-shadow:-1px 0 9px -1px rgba(232,58,42,.5);-webkit-box-shadow:-1px 0 9px -1px rgba(232,58,42,.5);-moz-box-shadow:-1px 0 9px -1px rgba(232,58,42,.5);display:flex;justify-content:center;padding:60px 110px 110px}body .project-section .section-wrapper{-moz-align-items:center;-ms-align-items:center;align-items:center;display:flex;-moz-flex-direction:column;flex-direction:column;max-width:1700px}body .project-section h2{margin-left:-10px;width:127px}body .project-section h2:before{left:-17px;padding:0 10px;width:116%}body .project-section .project{border-right:25px solid #e73a2a;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:115px;padding-right:25px}body .project-section .project.first{margin-top:80px}body .project-section .project.reverse{border-left:25px solid #e73a2a;border-right:none;-moz-flex-direction:row-reverse;flex-direction:row-reverse;padding-left:25px;padding-right:0}body .project-section .project.reverse .image-container:before{border-radius:0 0 25px 0;left:15px}body .project-section .project.reverse .text h3{border-radius:90px 100px 80px 35px}body .project-section .project .image-container{height:20vw;width:47%}body .project-section .project .image-container:before{background-color:#e73a2a;border-radius:0 0 0 25px;content:"";height:100%;position:absolute;right:15px;top:15px;transition:all .25s ease-in-out;width:100%}body .project-section .project .image-wrapper{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}body .project-section .project .image-wrapper:before{background-color:#e73a2a;content:"";height:100%;left:15px;position:absolute;top:10px;transition:all .25s ease-in-out;width:100%}body .project-section .project .image-wrapper img{width:100%}body .project-section .project .text{display:inline;width:47%}body .project-section .project .text h3{border-radius:90px 100px 35px 80px;font-size:26px;font-weight:700;padding:5px 13px;transition:all .25s ease-in-out;width:100%}body .project-section .project .text a{cursor:pointer;display:block;margin-bottom:15px;text-decoration:none;width:100%}body .project-section .project .text #jeith{background:transparent;cursor:pointer;display:block;margin-bottom:15px}body .project-section .project .text span{display:inline;line-height:22px;margin-top:15px}body .project-section .project .text span a{background:#000;color:#fff;display:inline;font-weight:700;text-decoration:none}body .project-section .project .technologies-container{padding-top:15px}footer{-moz-align-items:center;-ms-align-items:center;align-items:center;background-color:#000;cursor:pointer;display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:center;padding:25px 35px}footer i{color:#fff;font-size:24px}footer h4{font-size:16px;font-weight:700;text-align:center}@media (min-width:1920px){body.home .hero h1{font-size:300px}}@media (max-width:1139px){body.home .about-me .section-wrapper .technologies h2,body.home .about-me .section-wrapper h2{font-size:26px}}@media (max-width:1023px){body.home .hero h1{font-size:175px;width:55px}}@media (max-width:900px){body.home .about-me .section-wrapper{-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-flex-direction:column-reverse;flex-direction:column-reverse;justify-content:center;padding:35px 35px 25px}body.home .about-me .section-wrapper h2{font-size:26px}body.home .about-me .section-wrapper .technologies{padding-top:30px}body.home .about-me .section-wrapper .technologies h2{font-size:26px}body.home .about-me .textbox{width:100%}body.home .about-me .img-wrapper{border-radius:50%;height:150px;margin-bottom:30px;overflow:hidden;width:150px}body.home .about-me .img-wrapper img{left:-24px;width:calc(100% + 50px)}body .project-section{padding:60px}body .project-section .project{-moz-flex-direction:column-reverse;flex-direction:column-reverse;padding-right:60px}body .project-section .project.reverse{-moz-flex-direction:column-reverse;flex-direction:column-reverse;padding-left:60px}body .project-section .project .image-container{height:40vw;margin-top:50px;width:100%}body .project-section .project .image-container:before{border-radius:0 0 0 15px;height:calc(100% + 15px);top:-15px}body .project-section .project .text{width:100%}}@media (max-width:767px){body.home .project-section .image-container{height:37vw}body.home .about-me .section-wrapper{padding:40px}body.home .about-me .section-wrapper .technologies{width:calc(100% + 29px)}body.home .about-me .section-wrapper .technologies h2{font-size:25px}}@media (max-width:639px){body.home .about-me{padding:20px}body.home .about-me .section-wrapper h2{font-size:27px}body.home .about-me .img-wrapper{height:125px;width:125px}body.home .about-me .img-wrapper img{top:-6px}body.home .project-section .image-container{height:34vw}}@media (max-width:500px){body .circle-7{display:none}body.home .hero h1{font-size:130px;width:44px}body.home .project-section .project{width:100%}body.home .project-section .project h3{font-size:20px}body.home .project-section .image-container{height:42vw}body.home .about-me .section-wrapper{padding:25px 15px 15px}body.home .about-me .section-wrapper .img-wrapper:before{left:10px}body.home .about-me .section-wrapper .img-wrapper:hover:before{height:calc(100% + 20px);left:-10px;top:-10px;width:calc(100% + 20px)}body.home .about-me .section-wrapper h2{font-size:20px;margin-left:calc(20px - 2%)}body.home .about-me .section-wrapper .technologies{padding-top:20px;width:100%}body.home .about-me .section-wrapper .technologies h2{font-size:20px}body.home .about-me .section-wrapper .technologies p{font-size:15px}body .project-section{padding:60px 25px}body .project-section .project{padding-right:25px}body .project-section .project.first{margin-top:60px}body .project-section .project.reverse{padding-left:25px}}@media (max-width:400px){body.home .hero h1{font-size:110px;width:40px}body.home .about-me .section-wrapper{padding:20px 15px 11px}body.home .about-me .section-wrapper h2{font-size:20px;margin-left:10px}body.home .about-me .section-wrapper p{font-size:14px}body.home .about-me .section-wrapper span{font-size:15px;line-height:23px}body.home .about-me .section-wrapper .technologies .technology{margin:0 11px 9px 0}body.home .about-me .section-wrapper .technologies h2{font-size:16px;margin-left:10px}body.home .about-me .section-wrapper .technologies p{font-size:14px}body.home .about-me .img-wrapper{height:100px;margin-bottom:20px;width:100px}body.home .about-me .img-wrapper img{left:-18px;top:-6px;width:calc(100% + 35px)}body.home .project-section .project .text span{font-size:15px}body.home .technologies-container .technology p{font-size:14px}body.home .technologies-container .technology p.technology-heading{font-size:16px}}
/*# sourceMappingURL=main.13843376.css.map*/