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