body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:#242424;display:flex;height:80px;justify-content:space-between;width:100%;z-index:2}.navbar-logo-img{width:100px}.navbar-links{margin-right:35px;width:35%}.navbar-links-ul{color:#fff;display:flex;justify-content:space-between;list-style:none}.navbar-links-btn{background-color:#049be1;border:none;border-radius:7px;color:#fff;font-size:14px;padding:8px 20px}.navbar-links-btn:hover{background-color:#027cb4}.navbar-links-li:hover{color:#049be1!important;transition:all .4s ease-in}@media (max-width:768px){.navbar{align-items:center;display:flex}.navbar-logo{background-color:#11392c;height:-webkit-max-content;height:max-content;width:20%}.navbar-logo-img{margin-top:-13px;width:110px}.navbar-links{display:none}}.song-button{align-items:center;background-color:initial;border:none;bottom:40px;cursor:pointer;display:flex;height:50px;justify-content:center;left:40px;position:fixed;width:40px;z-index:999}.music-line{-webkit-animation:musicAnimation .3s infinite;animation:musicAnimation .3s infinite}.music-line,.music-line2{background-color:#fffefe;height:20px;margin:0 2px;-webkit-transform-origin:bottom;transform-origin:bottom;width:4px}.music-line2{-webkit-animation:musicAnimation2 .3s infinite;animation:musicAnimation2 .3s infinite}.song-button.isPlaying .music-line,.song-button.isPlaying .music-line2{-webkit-animation-play-state:running;animation-play-state:running}.song-button .music-line,.song-button .music-line2{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes musicAnimation{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7)}}@keyframes musicAnimation{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7)}}@-webkit-keyframes musicAnimation2{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7)}}@keyframes musicAnimation2{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7)}}.banner{background-color:#242424;cursor:none;display:flex;font-family:Georgia,Times New Roman,Times,serif;height:88vh;justify-content:center;width:100%}.banner-container{align-items:center;display:flex;justify-content:space-between;width:86%}.banner-left-container>h2{color:#fff;font-family:Georgia,Times New Roman,Times,serif;font-size:70px;line-height:1.2}.banner-left-container>p{color:#a8a8a8;font-size:19px;margin-top:-20px}.banner-left-container-btn{background-color:#242424;border:1px solid blue;color:#fff;font-size:20px;margin-top:10px;padding:15px 30px}.button-glitch,.button-glitch:after{background-color:#242424;border:1px solid blue;color:#fff;cursor:none;font-size:15px;height:60px;letter-spacing:3px;line-height:44px;outline:transparent;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:150px}.button-glitch:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);background:linear-gradient(45deg,transparent 3%,#00e6f6 0,#00e6f6 5%,#399de9 0);bottom:0;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0);content:"ALTERNATE TEXT";display:block;left:0;position:absolute;right:0;text-shadow:-3px -3px 0 #00aeff,3px 3px 0 #00e6f6;top:0}.button-glitch:hover{box-shadow:0 5px 10px 2px rgba(49,151,246,.7);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.button-glitch:hover:after{-webkit-animation:glitch 1s;animation:glitch 1s;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2)}@-webkit-keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}@keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-20px,-10px);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}.banner-img{border-radius:50%;border-radius:1px solid #000;height:400px;width:100%}.circular_image{background-color:blue;border-radius:50%;display:inline-block;height:400px;overflow:hidden;vertical-align:middle;width:400px}.circular_image>img{width:100%}.red-text{color:red;margin-right:3px}.wordShadow{text-shadow:0 1px 0 #3cb1be,2px 0 #3cb1be,3px 0 #3cb1be,4px 0 #3cb1be,5px 0 #3cb1be,6px 0 #3cb1be,7px 0 #3cb1be,8px 0 #3cb1be,0 0 5px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.2),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.3)}.dot{background-color:#e00;height:10px;margin-left:-2px;margin-top:-4px;width:10px;z-index:9999}.circle,.dot{border-radius:50%;left:0;pointer-events:none;position:fixed;top:0}.circle{border:2px solid #0365ef;height:50px;width:50px;z-index:9998}.text{transition:.2s ease-in-out}.text:hover{color:red;cursor:none}@media (max-width:768px){.banner{flex-direction:column;height:auto}.circle,.dot{display:none}.banner-container{box-sizing:border-box;flex-direction:column;padding:20px;width:100%}.banner-left-container{text-align:center}.banner-left-container>h2{font-size:40px;line-height:1.2}.banner-left-container>p{font-size:16px;margin-top:10px}.banner-left-container-btn{margin-top:15px}.banner-right-container{margin-top:20px;text-align:center}.circular_image{background-color:blue;border-radius:50%;display:inline-block;height:320px;overflow:hidden;vertical-align:middle;width:300px}.circular_image>img{margin-left:-12px;margin-top:-3px;width:330px}}.aboutMe{background-color:#101010;color:#fff;display:flex;font-family:Georgia,Times New Roman,Times,serif;justify-content:center;padding:0 0 25px}.aboutMe-container>p{width:70%}.aboutMe-container{margin:20px 0;width:88%}.aboutMe-head>h1{color:#049be1;font-size:45px}.aboutMe-big-text{color:rgba(54,54,54,.4);font-size:250px;margin-top:13px;opacity:1;position:absolute;right:0}@media (max-width:768px){.aboutMe{align-items:center;flex-direction:column;padding:20px 0}.aboutMe-container>p{width:100%}.aboutMe-head>h1{font-size:30px}.aboutMe-big-text{font-size:150px;margin-top:5px}}.benefits{background-color:#262626;color:#fff;display:flex;justify-content:center;padding:30px 0;width:100%}.benefits-head{margin:20px 0;width:60%}.benefits-head-title{color:#049be1;font-family:Georgia,Times New Roman,Times,serif;font-size:45px}.benefits-container{width:88%}.benefits-boxes-left-head{font-size:45px}.figmaImg{margin:0 10px 0 0;width:70px}.reactImg{margin:0 0 0 10px;width:70px}.benefits-boxes{display:flex}.benefits-boxes-left{background-color:#171717;border-radius:15px;height:40%;line-height:1.5;margin:10px 0;padding:20px 40px 60px 30px;width:50%}.benefits-boxes-left-head{margin:20px 0}.benefits-boxes-right{display:flex}.benefits-right-box{align-items:center;background-color:#171717;border-radius:15px;display:flex;flex-direction:column;height:220px;justify-content:center;margin:10px;width:300px}.benefits-right-box>h1{font-size:55px}@media (max-width:403px){.benefits-boxes-right-display,.benefits-right-box{display:flex;flex-direction:column}.benefits-right-box{align-items:center;background-color:#171717;border-radius:15px;height:220px;justify-content:center;margin:5px;width:200px}}@media (max-width:1173px){.benefits-boxes,.benefits-right-box{display:flex;flex-direction:column}.benefits-right-box{align-items:center;background-color:#171717;border-radius:15px;height:220px;justify-content:center;margin:5px;width:180px}.benefits-boxes-left{width:100%}.benefits-boxes-right{display:flex;justify-content:center}}@media (max-width:768px){.benefits{align-items:center;flex-direction:column;padding:20px 0}.benefits-container{width:90%}.benefits-head{width:80%}.benefits-head>h1{font-size:25px}.benefits-boxes{align-items:center;display:flex;flex-direction:column}.benefits-boxes-left{border-radius:15px;margin:10px 0;padding:20px;width:100%}.benefits-right-box{align-items:center;background-color:#171717;border-radius:15px;display:flex;flex-direction:column;height:220px;justify-content:center;margin:2px;width:160px}.benefits-right-box-p{font-size:12px}.benefits-boxes-left-head{font-size:30px;text-align:center}.figmaImg,.reactImg{margin:5px;width:40px}.benefits-right-box>h1{font-size:35px}}.mySkill{background-color:#101010;color:#fff;display:flex;font-family:Georgia,Times New Roman,Times,serif;justify-content:center;padding:0 0 25px}.mySkill-container{margin:20px 0;overflow:hidden;width:98%}.mySkill-head{margin:0 auto;width:88%}.mySkill-head>h1{color:#049be1;font-size:45px}.mySkill-main{-webkit-animation:circularMotion 15s linear infinite;animation:circularMotion 15s linear infinite;display:flex}@-webkit-keyframes circularMotion{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes circularMotion{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.skill-box{align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;margin-right:10px;padding:20px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:200px}.skill-box:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.skill-box>img{max-height:100px;max-width:100px}.skill-box>p{margin-top:10px}@media (max-width:768px){.mySkill{display:none}}.myProjects{background-color:#262626;padding:20px 0 30px}.myProjects-head{display:flex;font-family:Georgia,Times New Roman,Times,serif;justify-content:center}.myProjects-head>h1{color:#049be1;font-size:45px;width:88%}.myProjects-container{display:flex;flex-direction:column;justify-content:center;margin-top:15px;width:100%}.myProjects-imagesContainers{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;width:80%}.image-text-container{align-items:center;-webkit-animation:fade-in-up .8s ease-out;animation:fade-in-up .8s ease-out;background-color:#04131d;border-radius:2%;display:flex;margin-top:33px;padding:15px;width:100%}.even{flex-direction:row-reverse}.odd{flex-direction:row}.myProjects-imagesContainers-image{flex:0 0 40%;max-width:40%;overflow:hidden}.myProjects-imagesContainers-image img{box-shadow:0 7px 29px 0 rgba(0,0,0,.2);height:260px;transition:box-shadow .3s,-webkit-transform .3s,-webkit-filter .3s;transition:transform .3s,box-shadow .3s,filter .3s;transition:transform .3s,box-shadow .3s,filter .3s,-webkit-transform .3s,-webkit-filter .3s;width:100%}.myProjects-imagesContainers-image img:hover{box-shadow:0 10px 30px 0 rgba(0,0,0,.4);-webkit-filter:blur(2px);filter:blur(2px);-webkit-transform:scale(1.05);transform:scale(1.05)}.myProjects-imagesContainers-product-info{box-sizing:border-box;color:#fff;display:flex;flex:1 1;flex-direction:column;margin:20px;width:10%}.myProjects-imagesContainers-product-title{color:#fff;font-family:Georgia,Times New Roman,Times,serif;font-size:28px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.myProjects-imagesContainers-product-head{align-items:center;display:flex;justify-content:space-between;width:90%}.myProjects-description{color:#ccc;font-size:16px;line-height:1.6;width:90%}.tech-list{display:flex;flex-wrap:wrap;margin-top:10px}.tech-item{background-color:gray;border-radius:12%;margin-bottom:5px;margin-right:10px;padding:5px 10px}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.bouncing-ball{-webkit-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite;background:radial-gradient(circle,#49abed 30%,#3498db 100%);border-radius:50%;box-shadow:0 2px 6px hsla(0,0%,67%,.3);height:20px;margin-left:10px;margin-top:-20px;position:absolute;width:20px;z-index:3}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}20%,80%{-webkit-transform:translateY(-22px);transform:translateY(-22px)}40%,60%{-webkit-transform:translateY(-29px);transform:translateY(-29px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}20%,80%{-webkit-transform:translateY(-22px);transform:translateY(-22px)}40%,60%{-webkit-transform:translateY(-29px);transform:translateY(-29px)}}@media (max-width:768px){.myProjects-head>h1{font-size:30px;margin-top:20px;text-align:center;width:100%}.myProjects-imagesContainers{align-items:center;flex-direction:column;width:97%}.image-text-container{flex-direction:column;margin:15px auto;width:80%}.myProjects-imagesContainers-image{flex:0 0 100%;max-width:100%;overflow:hidden}.myProjects-imagesContainers-product-info{margin:10px 0;text-align:center;width:100%}.myProjects-description{font-size:14px}.tech-list{margin-top:5px}.tech-item{font-size:12px}.bouncing-ball{margin-left:0;margin-top:-15px}}.scroll-line{border-bottom:4px solid blue;height:0;left:50%;opacity:0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:10px;z-index:9999}.footer{background:#000;font-family:Play,sans-serif;padding:30px 0;text-align:center}.footer .footer-row{color:gray;font-size:.8em;margin:1% 0;padding:.6% 0;width:100%}.footer .footer-row>a{color:gray;text-decoration:none;transition:.5s}.footer .footer-row>a:hover{color:#fff}.footer .footerrow ul{width:100%}.footer .footer-row>ul>li{display:inline-block;margin:0 30px}.footer .footer-row a i{font-size:2em;margin:0 1%}@media (max-width:720px){.footer{padding:5%;text-align:left}.footer .footer-row ul li{display:block;margin:10px 0;text-align:left}.footer .footer-row a i{margin:0 3%}}.icon-container{display:inline-block;margin-left:5px;position:relative}.icon-link{color:gray;display:block;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease}.icon-link:hover{-webkit-transform:translate(20px,-30px);transform:translate(20px,-30px)}.message{background-color:rgba(73,73,73,.8);border-radius:5px;color:#fff;display:none;font-size:10px;left:50%;padding:6px 7px 4px;position:absolute;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s ease;width:-webkit-max-content;width:max-content}.icon-container:hover .message{display:block;opacity:1}.footer-insta:hover{background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d);border-radius:50%}.footer-red:hover{color:red}.footer-blue:hover{color:blue}
/*# sourceMappingURL=main.1bf20f66.css.map*/