@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);:root{--primary-color:#fff;--secondary-color:#ff1e00;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff;--bg-main:#1d1f24;--bg-sub:#000}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth;font-family:Ubuntu,sans-serif;cursor:crosshair}html{background-image:linear-gradient(#1d1f24 80%,rgb(0,0,0));background-image:linear-gradient(var(--bg-main)80%,var(--bg-sub));overflow-x:hidden}body{overflow-x:hidden!important}a{text-decoration:none;cursor:pointer}.glitch{color:#fff;position:relative}.glitch:before{left:-2px;text-shadow:4px 0 #00f;animation:noise-anim-2 3s linear infinite alternate-reverse;-webkit-transform:translateY(10px);transform:translateY(10px)}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#fff;background:#030303;background:var(--black-color);opacity:.5;overflow:hidden;clip:rect(0,900px,0,0)}.glitch:after{left:2px;text-shadow:-4px 0 red;animation:noise-anim 2s linear infinite alternate-reverse;-webkit-transform:translateY(15px);transform:translateY(15px)}@-webkit-keyframes rainbow-text{0%{color:violet}16.5%{color:indigo}33%{color:#00f}48.5%{color:green}66%{color:#ff0}80.5%{color:orange}to{color:red}}@keyframes rainbow-text{0%{color:violet}16.5%{color:indigo}33%{color:#00f}48.5%{color:green}66%{color:#ff0}80.5%{color:orange}to{color:red}}@-webkit-keyframes rainbow-border{0%{border-color:violet}16.5%{border-color:indigo}33%{border-color:#00f}48.5%{border-color:green}66%{border-color:#ff0}80.5%{border-color:orange}to{border-color:red}}@keyframes rainbow-border{0%{border-color:violet}16.5%{border-color:indigo}33%{border-color:#00f}48.5%{border-color:green}66%{border-color:#ff0}80.5%{border-color:orange}to{border-color:red}}@-webkit-keyframes noise-anim{0%{clip:rect(88px,9999px,98px,0)}5%{clip:rect(39px,9999px,2px,0)}10%{clip:rect(11px,9999px,17px,0)}15%{clip:rect(37px,9999px,22px,0)}20%{clip:rect(85px,9999px,2px,0)}25%{clip:rect(45px,9999px,15px,0)}30%{clip:rect(62px,9999px,36px,0)}35%{clip:rect(77px,9999px,36px,0)}40%{clip:rect(79px,9999px,81px,0)}45%{clip:rect(51px,9999px,82px,0)}50%{clip:rect(72px,9999px,61px,0)}55%{clip:rect(49px,9999px,68px,0)}60%{clip:rect(46px,9999px,19px,0)}65%{clip:rect(56px,9999px,57px,0)}70%{clip:rect(19px,9999px,81px,0)}75%{clip:rect(48px,9999px,44px,0)}80%{clip:rect(14px,9999px,93px,0)}85%{clip:rect(24px,9999px,48px,0)}90%{clip:rect(2px,9999px,47px,0)}95%{clip:rect(87px,9999px,100px,0)}to{clip:rect(50px,9999px,59px,0)}}@keyframes noise-anim{0%{clip:rect(88px,9999px,98px,0)}5%{clip:rect(39px,9999px,2px,0)}10%{clip:rect(11px,9999px,17px,0)}15%{clip:rect(37px,9999px,22px,0)}20%{clip:rect(85px,9999px,2px,0)}25%{clip:rect(45px,9999px,15px,0)}30%{clip:rect(62px,9999px,36px,0)}35%{clip:rect(77px,9999px,36px,0)}40%{clip:rect(79px,9999px,81px,0)}45%{clip:rect(51px,9999px,82px,0)}50%{clip:rect(72px,9999px,61px,0)}55%{clip:rect(49px,9999px,68px,0)}60%{clip:rect(46px,9999px,19px,0)}65%{clip:rect(56px,9999px,57px,0)}70%{clip:rect(19px,9999px,81px,0)}75%{clip:rect(48px,9999px,44px,0)}80%{clip:rect(14px,9999px,93px,0)}85%{clip:rect(24px,9999px,48px,0)}90%{clip:rect(2px,9999px,47px,0)}95%{clip:rect(87px,9999px,100px,0)}to{clip:rect(50px,9999px,59px,0)}}@-webkit-keyframes noise-anim-2{0%{clip:rect(95px,9999px,2px,0)}5%{clip:rect(95px,9999px,92px,0)}10%{clip:rect(19px,9999px,86px,0)}15%{clip:rect(3px,9999px,31px,0)}20%{clip:rect(70px,9999px,4px,0)}25%{clip:rect(29px,9999px,55px,0)}30%{clip:rect(70px,9999px,80px,0)}35%{clip:rect(1px,9999px,20px,0)}40%{clip:rect(48px,9999px,52px,0)}45%{clip:rect(53px,9999px,18px,0)}50%{clip:rect(1px,9999px,28px,0)}55%{clip:rect(40px,9999px,54px,0)}60%{clip:rect(62px,9999px,60px,0)}65%{clip:rect(94px,9999px,36px,0)}70%{clip:rect(79px,9999px,16px,0)}75%{clip:rect(66px,9999px,5px,0)}80%{clip:rect(63px,9999px,22px,0)}85%{clip:rect(36px,9999px,57px,0)}90%{clip:rect(38px,9999px,69px,0)}95%{clip:rect(38px,9999px,91px,0)}to{clip:rect(18px,9999px,48px,0)}}@keyframes noise-anim-2{0%{clip:rect(95px,9999px,2px,0)}5%{clip:rect(95px,9999px,92px,0)}10%{clip:rect(19px,9999px,86px,0)}15%{clip:rect(3px,9999px,31px,0)}20%{clip:rect(70px,9999px,4px,0)}25%{clip:rect(29px,9999px,55px,0)}30%{clip:rect(70px,9999px,80px,0)}35%{clip:rect(1px,9999px,20px,0)}40%{clip:rect(48px,9999px,52px,0)}45%{clip:rect(53px,9999px,18px,0)}50%{clip:rect(1px,9999px,28px,0)}55%{clip:rect(40px,9999px,54px,0)}60%{clip:rect(62px,9999px,60px,0)}65%{clip:rect(94px,9999px,36px,0)}70%{clip:rect(79px,9999px,16px,0)}75%{clip:rect(66px,9999px,5px,0)}80%{clip:rect(63px,9999px,22px,0)}85%{clip:rect(36px,9999px,57px,0)}90%{clip:rect(38px,9999px,69px,0)}95%{clip:rect(38px,9999px,91px,0)}to{clip:rect(18px,9999px,48px,0)}}.about-container{width:100vw;display:flex;flex-direction:column;align-items:center}.about-container>h2{color:var(--primary-color);padding:64px;font-size:32px}.about-container>h2>span{color:var(--secondary-color);text-align:right;display:block}.about-cards{width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.about-cards>div{width:300px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);margin:8px 8px 32px;transition:.5s}.about-cards>div>img{border-bottom:2px groove green}.about-cards>div>h2,.about-cards>div>p{color:var(--primary-color);width:290px;padding-left:4px}.about-cards>div>p{text-align:justify;padding-bottom:4px}.about-cards>div:hover{-webkit-transform:skewX(-5deg) translateY(-8px);transform:skewX(-5deg) translateY(-8px);background-color:#141414;box-shadow:8px 8px green}.footer-container{width:100vw;display:flex;flex-direction:column;align-items:center;padding-top:32px}.footer-container>h2,.form-after-text{color:var(--primary-color);padding:64px;font-size:32px}.footer-container>h2>span{color:var(--secondary-color);text-align:right;display:block}.contact-link{display:flex;width:95vw;justify-content:center;flex-wrap:wrap}.contact-link>div{padding:16px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);display:flex;flex-direction:row;align-items:center}.contact-link>div>a{padding-left:8px;font-size:20px;color:var(--secondary-color)}.form-container{display:flex;flex-direction:column;align-items:center;width:364px;padding-top:32px}.form-container>*{padding:2px;transition:.2s}.form-container>div>input,.form-container>div>textarea{width:300px;height:40px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);border:0;margin:2px;padding:2px;transition:.2s}.form-container>div>input:hover,.form-container>div>textarea:hover{background-color:#faebd7;-webkit-transform:translateY(-4px) skewX(-5deg);transform:translateY(-4px) skewX(-5deg)}.form-container>div>textarea{height:80px}.form-container>button{background-color:#adff2f;width:300px;height:40px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}.form-container>button:hover{-webkit-transform:translateY(-4px) skewX(-5deg);transform:translateY(-4px) skewX(-5deg);background-color:green;color:#fff}.footer-img{padding-top:32px;max-height:300px;width:100vw;overflow:hidden}.footer-img>img{-webkit-filter:opacity(.4);filter:opacity(.4)}.home{height:100vh;width:calc(100vw - 64px);-webkit-transform:translateX(32px);transform:translateX(32px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.circles,.home{overflow:hidden}.circles{width:100vw;height:200%}.circle-1,.circle-2,.circle-3,.circle-4,.circle-5,.circle-6,.circles{position:absolute}.circle-1{background-color:rgba(0,255,255,.082);width:200px;height:200px;border-radius:50%;left:80px;top:160px}.circle-2{background-color:rgba(0,141,151,.411);width:120px;height:120px;border-radius:50%;top:280px;left:200px}.circle-3{background-color:rgba(73,151,0,.116);width:80px;height:80px;left:300px}.circle-3,.circle-6{border-radius:50%;top:480px}.circle-6{background-color:rgba(0,108,197,.274);width:300px;height:300px;left:70vw}.circle-5{background-color:rgba(146,199,0,.11);width:200px;height:200px;border-radius:50%;top:480px;left:65vw}.circle-4{background-color:rgba(0,183,207,.212);width:100px;height:100px;border-radius:50%;top:80px;left:85vw}.home-content{width:600px;position:relative;z-index:20}.home-content>div>h1,.home-content>div>h2{color:var(--primary-color);padding:16px 0}.home-content>div>h1{font-size:55px}.home-name{border-left:4px solid var(--gray-color);padding-left:16px}.home-name:hover{-webkit-animation:rainbow-border .5s linear infinite;animation:rainbow-border .5s linear infinite}.home-btn{height:40px;-webkit-transform:translateY(32px);transform:translateY(32px);display:flex}.home-btn>div{padding:8px 16px;border:2px solid var(--secondary-color);margin:0 2px;height:40px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);transition:.5s}.home-btn>div:hover{-webkit-transform:skewX(-5deg) translateY(-4px);transform:skewX(-5deg) translateY(-4px);background-color:var(--secondary-color)}.home-btn>div>a{font-size:22px;color:var(--primary-color)}.laptop-container{width:800px;height:400px;padding-top:36px;z-index:10}.laptop{border:20px solid #000;border-radius:5px;width:700px;height:400px;position:absolute}.laptop:before{border-radius:50%;width:10px;height:10px;background-color:#8b8b8b;z-index:1;left:50%;-webkit-transform:translate(50%,-14px);transform:translate(50%,-14px)}.laptop:after,.laptop:before{display:block;content:"";position:absolute}.laptop:after{background-color:#000;width:750px;height:20px;-webkit-transform:translate(-45px,100px);transform:translate(-45px,100px);bottom:55px}.content{background-color:#d5e0e4;height:360px}iframe{width:100%;height:100%;border:none}@media only screen and (max-width:1463px){.laptop-container{-webkit-transform:scale(.7);transform:scale(.7)}}.home-name>h1>span{cursor:crosshair;transition:.2s;position:relative}.home-name>h1>span:hover{padding:16px;animation:rainbow-text .5s linear infinite reverse}.skill-container{width:100vw;display:flex;flex-direction:column;align-items:center;padding-top:32px}.skill-container>h2{color:var(--primary-color);padding:64px;font-size:32px}.skill-flex{display:flex;width:90vw;justify-content:space-around;flex-wrap:wrap}.skill-icon-container{width:600px;display:flex;justify-content:center;flex-wrap:wrap;padding:32px}.skill-icon{padding:8px;margin:4px;transition:.2s;-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}.skill-icon:hover{-webkit-transform:skewX(-5deg) translateY(-4px);transform:skewX(-5deg) translateY(-4px);background-color:#141414;box-shadow:2px 2px green}.exp-container{width:600px;display:flex;flex-direction:column}.exp-container>div{display:flex;padding:8px;border-left:2px solid red}.exp-container>div>div{padding:16px}.exp-container>div>div>div{padding-bottom:16px}.exp-container>div>div>div>h4,.exp-container>div>div>p{color:var(--primary-color);font-weight:bolder}.exp-container>div>div>div>p{color:#949494}.time-line:after{content:"\23BA\23BA\23BA\23BA\23BA\23BA\23BA\23BA";color:red;position:relative;left:-26px}.work-container{width:100vw;display:flex;flex-direction:column;align-items:center;padding-top:32px}.work-container>h2{color:var(--primary-color);padding:64px;font-size:32px}.app-work-filter{width:calc(100vw - 64px);display:flex;padding-bottom:36px;flex-wrap:wrap;justify-content:center}.app-work-filter>div{color:var(--primary-color);padding:8px 16px;border:2px solid var(--secondary-color);margin:2px;height:40px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);transition:.5s}.item-active{-webkit-transform:skewX(-5deg) translateY(-4px)!important;transform:skewX(-5deg) translateY(-4px)!important;background-color:var(--secondary-color)}.work-card-container{display:flex;flex-wrap:wrap;justify-content:center;width:95vw}.work-card{width:300px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);transition:.5s;margin:16px}.work-card:hover{-webkit-transform:skewX(-5deg) translateY(-8px)!important;transform:skewX(-5deg) translateY(-8px)!important;background-color:#141414;box-shadow:8px 8px green}.work-card>div>div>a{color:var(--primary-color);padding:4px 8px;border:2px solid var(--secondary-color);margin:2px;height:40px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);transition:.5s}.work-card>div>div>a:hover{-webkit-transform:skewX(-5deg) translateY(-4px)!important;transform:skewX(-5deg) translateY(-4px)!important;background-color:var(--secondary-color)}.work-card>div>div>h2{padding:8px 4px;color:var(--primary-color)}.work-card>div>div>h2>span{font-size:75%;border-right:2px solid var(--secondary-color);border-bottom:2px solid var(--secondary-color)}.work-card>div>div>p{padding:8px 4px;color:var(--primary-color)}.work-card>div>img{border-bottom:2px groove green}nav{width:36px;height:100vh;justify-content:space-between;position:fixed;right:0;z-index:999;background-color:var(--black-color)}nav>ul{padding-top:36px}nav>ul>li{padding:8px;list-style:none;font-size:22px;transition:.5s;width:100px;-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}nav>div>h1{padding-top:8px;padding-bottom:8px}nav>ul>li>a{color:var(--primary-color);transition:.5s}nav>ul>li>a>*{-webkit-transform:skewX(5deg);transform:skewX(5deg)}.nav-name{padding-right:100px;-webkit-transform:translateX(-4px);transform:translateX(-4px);padding-left:8px}.nav-name,.nav-name>h1>span{transition:.5s}.nav-name>h1>span:hover{padding:16px 0;animation:rainbow-text .5s linear infinite reverse}.nav-link>li:hover{background-color:var(--secondary-color);-webkit-transform:translateX(-10px) skewX(-5deg);transform:translateX(-10px) skewX(-5deg)}.social-link>li>a:hover{color:var(--secondary-color)}.vertical-text{-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;color:var(--primary-color);margin:0}
/*# sourceMappingURL=main.54ea85fc.chunk.css.map */