html{font-size:85%}.colorSwitch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:100px;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.colorSwitch::-webkit-color-swatch{border-radius:15px;border:none}.colorSwitch::-moz-color-swatch{border-radius:15px;border:none}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;position:relative;text-align:center;padding:7vh 2em;list-style:none}.home .home-content{z-index:5;height:81vh}.home .home-content .bg-img img{overflow:hidden;z-index:-1;width:97vw;position:absolute;left:0;top:-1;opacity:40%}.home .home-content h1{font-size:5vw;padding-bottom:.5rem;letter-spacing:.5rem;transition:all .3s ease;z-index:3;margin:0 0 25px;line-height:1.3em;-webkit-text-fill-color:rgba(0,0,0,0)}.home .home-content h1:hover{transform:translate3d(0,-10px,22px);-webkit-transform:translate3d(0,-10px,22px);-moz-transform:translate3d(0,-10px,22px);-ms-transform:translate3d(0,-10px,22px);-o-transform:translate3d(0,-10px,22px)}.home .home-content h3.slogen{display:flex;transition:.3s;font-size:2vw;letter-spacing:.7em;font-family:ROBOTO,sans-serif;font-weight:300;color:var(--primary);height:16px;align-items:flex-end}.home .home-content h3.slogen:hover{cursor:none}.home .home-content h3.slogen .m{padding-top:20px;padding-bottom:20px}.home .profession-container{bottom:0;right:0;width:100vw;height:400px;overflow:hidden;z-index:-1}.home .profession-container,.home .profession-container .profession-box{display:flex;align-items:center;justify-content:center;position:absolute}.home .profession-container .profession-box{bottom:-240px;width:500px;height:500px;animation:protate 12s infinite;-webkit-animation:protate 12s infinite}.home .profession-container .profession-box .profession{position:absolute;bottom:190px;left:0;display:flex;align-items:center;flex-direction:column;transform-origin:260px;padding:13px 0;z-index:2}.home .profession-container .profession-box .profession:first-child{padding-bottom:50px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}.home .profession-container .profession-box .profession:nth-child(2){padding-top:40px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.home .profession-container .profession-box .profession:nth-child(3){padding-top:30px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.home .profession-container .profession-box .profession:nth-child(4){padding-left:40px}.home .profession-container .profession-box .profession-content,.home .profession-container .profession-box .profession:nth-child(4){transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg)}.home .profession-container .profession-box .profession-content i{font-size:2.2rem}.home .profession-container .profession-box .profession-content h3{font-size:3rem;line-height:1;font-weight:600;width:190px}@keyframes protate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}20%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}45%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}70%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg)}95%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}.custom-shape-divider-bottom-1703939776{position:absolute;bottom:-1px;left:0;width:100%;min-width:460px;overflow:hidden;line-height:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.custom-shape-divider-bottom-1703939776 svg{position:relative;display:block;width:calc(100% + 1.3px);height:84px;z-index:5}.home-divider{margin-bottom:40vh;z-index:5;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}#projects .project .box{position:relative;overflow:hidden}#projects .project .box,#projects .project .box:before{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#projects .project .box:before{content:"";position:absolute;top:calc(0% + 3px);left:calc(0% + 3px);width:calc(100% - 6px);height:calc(100% - 6px);z-index:-1}#projects .project .box:after{content:"";position:absolute;top:-40vw;left:-20vw;width:130vw;height:130vw;z-index:-2}#projects .project:hover .box:after{background:linear-gradient(310deg,rgba(232,0,0,.8823529412),#c4a600 20%,#00d7d7 40%,#00ee00 50%,rgba(255,174,12,.9019607843) 80%,#9900ff);animation:rotate-border 4s ease-in-out infinite;-webkit-animation:rotate-border 4s ease-in-out infinite}@keyframes rotate-border{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}.social{width:97%;height:400px}.social .heading{color:var(--foreground)!important}.social .social-items{display:flex;align-items:center;justify-content:center;flex-direction:column}.social .social-items ul{margin-top:100px;position:relative;display:flex;transform-style:preserve-3d;padding-left:1rem;transform:rotate(-25deg) skew(25deg);-webkit-transform:rotate(-25deg) skew(25deg);-moz-transform:rotate(-25deg) skew(25deg);-ms-transform:rotate(-25deg) skew(25deg);-o-transform:rotate(-25deg) skew(25deg)}.social .social-items ul li{position:relative;list-style:none;width:55px;height:55px;margin:0 15px}.social .social-items ul li:before{content:"";position:absolute;bottom:-10px;left:-5px;width:100%;height:10px;background:var(--primary-500);transform:skewX(-41deg);-webkit-transform:skewX(-41deg);-moz-transform:skewX(-41deg);-ms-transform:skewX(-41deg);-o-transform:skewX(-41deg)}.social .social-items ul li:after{content:"";position:absolute;top:5px;left:-9px;width:9px;height:100%;background:var(--primary-500);transform:skewY(-49deg);-webkit-transform:skewY(-49deg);-moz-transform:skewY(-49deg);-ms-transform:skewY(-49deg);-o-transform:skewY(-49deg)}.social .social-items ul li span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex!important;background:var(--primary-500);justify-content:center;align-items:center;color:#fff;font-size:30px!important;transition:1.5s ease-out;-webkit-transition:1.5s ease-out;-moz-transition:1.5s ease-out;-ms-transition:1.5s ease-out;-o-transition:1.5s ease-out}.social .social-items ul li span svg{width:60%;height:60%}.social ul li:hover span{z-index:1000;color:#fff;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.social ul li:hover span:nth-child(5){opacity:1;transform:translate(40px,-40px);-webkit-transform:translate(40px,-40px);-moz-transform:translate(40px,-40px);-ms-transform:translate(40px,-40px);-o-transform:translate(40px,-40px)}.social ul li:hover span:first-child{opacity:.2;z-index:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}.social ul li:hover span:nth-child(2){opacity:.4;transform:translate(10px,-10px);-webkit-transform:translate(10px,-10px);-moz-transform:translate(10px,-10px);-ms-transform:translate(10px,-10px);-o-transform:translate(10px,-10px)}.social ul li:hover span:nth-child(3){opacity:.6;transform:translate(20px,-20px);-webkit-transform:translate(20px,-20px);-moz-transform:translate(20px,-20px);-ms-transform:translate(20px,-20px);-o-transform:translate(20px,-20px)}.social ul li:hover span:nth-child(4){opacity:.8;transform:translate(30px,-30px);-webkit-transform:translate(30px,-30px);-moz-transform:translate(30px,-30px);-ms-transform:translate(30px,-30px);-o-transform:translate(30px,-30px)}.social ul li:first-child{z-index:4}.social ul li:nth-child(2){z-index:3}.social ul li:nth-child(3){z-index:2}.social ul li:nth-child(4){z-index:1}.social ul li span{border-radius:5px}.social ul li:first-child span{background:#0866ff!important}.social ul li:nth-child(2) span{background:#0cc042!important}.social ul li:nth-child(3) span{background:#010409!important}.social ul li:nth-child(4) span{background:#0a66c2!important}.social ul li:first-child:hover span{background:#0866ff!important}.social ul li:nth-child(2):hover span{background:#0cc042!important}.social ul li:nth-child(3):hover span{background:#010409!important}.social ul li:nth-child(4):hover span{background:#0a66c2!important}.loadingbox{position:fixed;top:0;left:101vw;z-index:999;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0;height:100%;width:100%;background-color:var(--background);animation:overloading .6s ease-in-out 0s forwards;-webkit-animation:overloading .6s ease-in-out 0s forwards}.loadingtext:before{content:attr(data-content);position:absolute;overflow:hidden;max-width:100%;color:var(--primary);-webkit-animation:loading .6s linear forwards;-moz-animation:loading .6s linear forwards;-ms-animation:loading .6s linear forwards;animation:loading .6s linear forwards}.loadingtext{color:hsla(0,0%,100%,.3);font-family:Baskerville,Palatino Linotype,Palatino,serif;font-weight:900;font-size:12vw}@-webkit-keyframes overloading{0%{left:0}30%{left:0}70%{left:0}to{left:0;display:none}}@keyframes overloading{0%{left:0}30%{left:0}70%{left:0}to{left:0;display:none}}@-webkit-keyframes loading{0%{max-width:0}}@keyframes loading{0%{max-width:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--spacing:0.25rem}.shape{width:100%;height:100%;background:#4385a3;clip-path:url(#customClip)}@media (max-width:768px){.nevbarBackgroundShape{clip-path:path("M 0,0 L 170,0 L 180,10 A 30,30 0,0,1 200,13 L 210,30 L 200,45 A 30,30 0,0,1 180,50 L 170,67 L 0,67 Z")}}