@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=Roboto:wght@400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#060608;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:auto;max-width:1200px;overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.fullhide{display:none!important;opacity:0!important;visibility:hidden!important}.mf{display:none;visibility:hidden}@media only screen and (max-width:1200px){body{width:900px}}@media only screen and (max-width:1050px){body{width:800px}}@media only screen and (max-width:830px){body{width:700px}}@media only screen and (max-width:500px){body{width:400px}nav{display:none;visibility:hidden}.mf{display:block;visibility:visible}#about-me,.clear{margin-top:100px}}@media only screen and (max-width:440px){body{width:380px}}@media only screen and (max-width:410px){body{width:340px}}.App{text-align:center}.Footer{display:flex;height:250px;margin:400px 0 80px;position:relative;z-index:99}.footer-holder{background-color:#090a0e;border-radius:35px;box-shadow:5px 5px 6px #0006,inset 5px 5px 15px -15px #fff;color:#fff;height:90%;position:relative;width:100%}.footer-info{margin-top:60px}.footer-info .heading{font-size:28px;margin-top:45px}.footer-info div:nth-child(2){display:flex;justify-content:center}.Footer .Skill-image-holder{animation:none!important;position:relative;top:-20px;width:2%}.Footer .Skill-image-holder img{height:auto;object-fit:contain;width:100%}.Skill-image-holder{margin:5px;width:70px}.Skill-image-holder img{padding:15px;width:100%}@media only screen and (max-width:500px){.Skill-image-holder{margin:2px;width:25px}.Skill-image-holder img{padding:10px}}.icon{height:170px;width:170px}.info--holder{margin-top:-15px}.info--holder h3{color:#fff;font-size:30px;letter-spacing:2px;width:170px}.info--holder p{color:#fff;font-size:20px;margin-top:-18%}@media only screen and (max-width:500px){.icon{font-size:30px!important}.icon img{width:25%}.info--holder h3{font-size:16px!important}.info--holder p{font-size:10px!important;margin-top:-10px}}@media only screen and (max-width:440px){.info--holder h3{font-size:14px!important;width:100%}}.mobile--footer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff26;border-top:2px solid #fff3;bottom:0;height:55px;left:0;position:fixed;width:100%;z-index:99999}.mobile--footer ul{display:flex;justify-content:space-around;margin-top:6px;width:85%}.mobile--footer ul li{cursor:pointer;height:35px;list-style:none;padding:5px;text-decoration:none;width:35px}.mobile--footer ul li img{filter:drop-shadow(0 0 5px rgba(0,0,0,.6));width:100%}@media only screen and (max-width:440px){.mobile--footer ul{display:flex;justify-content:space-evenly;margin:6px;padding:0;width:100%}}.main-header{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(0deg,#ffffff26 0,#f1f1f11a);border:2px solid #535353;border-radius:435px;box-shadow:2px 2px 10px 1px #00000080;color:#fff;display:flex;height:66px;margin:auto;overflow:hidden;position:relative;width:60%;z-index:9999999}.welcomer{opacity:0;transform:translateY(120px);will-change:opacity,transform;z-index:999}.main-header ul{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:10px 20px;width:100%}.main-header ul li{align-items:center;background:linear-gradient(90deg,#ffffff12 0,#f1f1f112);border-radius:435px;box-shadow:2px 2px 5px 1px #0003;display:flex;gap:6px;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease-in-out}.main-header ul li:hover{cursor:pointer;transform:scale(1.05)}.main-header ul li div{height:25px;opacity:.8;width:25px}.main-header ul li div img{width:100%}.main-header ul li p{font-size:14px;font-weight:200;opacity:.8}.blur-ball1{background-color:red;left:20px}.blur-ball1,.blur-ball2{filter:blur(90px);height:50px;position:absolute;top:10px;width:50px}.blur-ball2{background-color:#00d1ff;left:180px}.blur-ball3{background-color:#faff00;left:320px}.blur-ball3,.blur-ball4{filter:blur(90px);height:50px;position:absolute;top:10px;width:50px}.blur-ball4{background-color:#e339ff;left:450px}.blur-ball5{background-color:#00ff57;height:50px;position:absolute;right:20px;top:10px;width:50px}.m--balls{transition:all .3s ease-in-out}@media only screen and (max-width:1200px){.main-header{width:80%}}@media only screen and (max-width:830px){.main-header{width:100%}}.faq-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:800px;width:100%}.faq-item{background-color:#0d0d0d;border:1px solid #222;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.faq-item.open{background-color:#0f0f0f;border-color:#333;border-radius:16px!important}.faq-question-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 2rem;transition:background-color .2s;width:100%}.faq-question-btn:hover{background-color:#ffffff05}.faq-question-text{color:#ededed;font-size:1.1rem;font-weight:500;letter-spacing:-.01em;text-align:left}.faq-icon-wrapper{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.faq-answer-content{color:#a1a1a1;font-size:1rem;line-height:1.6;overflow:hidden;padding:1rem 2rem 1.5rem;text-align:left}.contact-container{color:#fff;margin:0 auto;max-width:800px;opacity:0;width:100%}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form *{box-sizing:border-box}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#e0e0e0;font-size:.9rem;font-weight:600;margin-left:4px;text-align:left}.form-input,.form-textarea{background-color:#111;border:1px solid #222;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:border-color .3s ease,background-color .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background-color:#161616;border-color:#333}.form-textarea{max-height:500px;min-height:150px;resize:vertical}.submit-btn{align-items:center;background-color:#bce6eb;border:none;border-radius:9999px;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;height:3.5rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:0;position:relative;transition:transform .2s ease,filter .2s ease;width:100%}.btn-text,.btn-text-clone{position:absolute;text-align:center;transition:all .8s cubic-bezier(.16,1,.3,1);width:100%}.btn-text{filter:blur(0);transform:translateY(0)}.btn-text-clone{filter:blur(10px);transform:translateY(200%)}.submit-btn:hover .btn-text{filter:blur(10px);transform:translateY(-200%)}.submit-btn:hover .btn-text-clone{filter:blur(0);transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-message{border-radius:8px;font-weight:500;padding:1rem;text-align:center}.form-message.success{background-color:#2ec7621a;border:1px solid #2ec76233;color:#2ec762}.form-message.error{background-color:#ff3b3b1a;border:1px solid #ff3b3b33;color:#ff3b3b}.bg-shadow{border-radius:50%;position:absolute;z-index:1}.movethisshit{position:absolute;right:-50%;top:60%;z-index:-99}.spline-cube{height:100%;width:100%}.Header--controller nav{height:150px}.Header--controller header{top:30%}.title-holder h2{color:#fff;font-size:32px;text-align:left}section h2{color:#fff;font-size:34px;margin-bottom:70px;text-align:center}.title-holder h2>span{letter-spacing:125px;margin:0 -70px 0 15px;opacity:.2}section{margin-top:200px;position:relative;z-index:9}section img{user-select:none;-webkit-user-select:none}.secondary{align-items:center;display:flex;height:300px;justify-content:center;margin-top:50px}.text-holder{width:65%}.text-holder p{color:#fff;font-size:16px;font-weight:300;line-height:29px;text-align:left;width:100%}.about-ali .line{display:block;white-space:normal;word-spacing:normal}.about-ali .word{display:inline-block;margin-right:.25em;white-space:nowrap}.about-ali .word:last-child{margin-right:0}.images-holder{-webkit-user-drag:none;height:100%;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:35%}.image-cover{clip-path:polygon(92.32051% 40%,93.79385% 43.1596%,94.69616% 46.52704%,95% 50%,94.69616% 53.47296%,93.79385% 56.8404%,92.32051% 60%,79.82051% 81.65064%,77.82089% 84.50639%,75.35575% 86.97152%,72.5% 88.97114%,69.3404% 90.44449%,65.97296% 91.34679%,62.5% 91.65064%,37.5% 91.65064%,34.02704% 91.34679%,30.6596% 90.44449%,27.5% 88.97114%,24.64425% 86.97152%,22.17911% 84.50639%,20.17949% 81.65064%,7.67949% 60%,6.20615% 56.8404%,5.30384% 53.47296%,5% 50%,5.30384% 46.52704%,6.20615% 43.1596%,7.67949% 40%,20.17949% 18.34936%,22.17911% 15.49361%,24.64425% 13.02848%,27.5% 11.02886%,30.6596% 9.55551%,34.02704% 8.65321%,37.5% 8.34936%,62.5% 8.34936%,65.97296% 8.65321%,69.3404% 9.55551%,72.5% 11.02886%,75.35575% 13.02848%,77.82089% 15.49361%,79.82051% 18.34936%);height:200px;width:200px}.one{left:18%;position:absolute;top:2%;transform:rotate(7deg)}.one img{left:-5px;position:relative;-webkit-user-select:none;user-select:none}.two{left:40%;position:absolute;top:16%;transform:rotate(30deg)}.two img{left:-10px;position:relative}.three{left:15%;position:absolute;top:30%;transform:rotate(4deg)}.three img{left:-10px;position:relative}.static--holder{align-items:center;display:flex;justify-content:space-around}.skills--holder{display:flex}.skill-left{width:50%}.skill--title{align-items:center;color:#fff;display:flex;font-size:25px;font-weight:500;width:100%}.skill--title div{padding:10px;width:60px}.skill--title img{animation:HtmlImage 5s ease-in-out infinite alternate;width:100%}@keyframes HtmlImage{0%{transform:translateY(10px)}50%{transform:translateY(-10px)}to{transform:translateY(10px)}}.skill-left .skill--short{color:#fff;font-size:17px;font-weight:300;margin-top:30px;text-align:left;width:80%}.skill--desc div{align-items:center;display:flex}.skill--position{color:#fff;font-size:20px;font-weight:300;margin-bottom:-30px}.skill--position--subset{width:300px}.skill-left ul{width:100%}.skill-left ul li{display:flex;height:35px}.skill-left ul li p{color:#fff;font-size:16px;font-weight:300}.skill--circle{animation:blink 2.5s infinite;background-color:#2ec762;border-radius:10px;box-shadow:0 0 5px 1px #00ff5780,0 0 15px 1px #00ff5780,0 0 35px 1px #00ff5780;height:18px;width:18px}@keyframes blink{0%{background-color:#2ec762;box-shadow:0 0 5px 1px #00ff5780,0 0 15px 1px #00ff5780,0 0 35px 1px #00ff5780}50%{background-color:#2ec762;box-shadow:0 0 5px 1px #00ff5780,0 0 15px 1px #00ff5780,0 0 35px 1px #00ff5780}55%{background-color:#2ec76200;box-shadow:0 0 5px 1px #00ff5700,0 0 15px 1px #00ff5700,0 0 35px 1px #00ff5700}60%{background-color:#2ec762;box-shadow:0 0 5px 1px #00ff5780,0 0 15px 1px #00ff5780,0 0 35px 1px #00ff5780}65%{background-color:#2ec76200;box-shadow:0 0 5px 1px #00ff5700,0 0 15px 1px #00ff5700,0 0 35px 1px #00ff5700}70%{background-color:#2ec76299;box-shadow:0 0 5px 1px #00ff574d,0 0 15px 1px #00ff574d,0 0 35px 1px #00ff574d}95%{background-color:#2ec76299;box-shadow:0 0 5px 1px #00ff574d,0 0 15px 1px #00ff574d,0 0 35px 1px #00ff574d}to{background-color:#2ec762;box-shadow:0 0 5px 1px #00ff5780,0 0 15px 1px #00ff5780,0 0 35px 1px #00ff5780}}.skill--line{background:linear-gradient(180deg,#00ff57 0,#d04d4d);border-radius:10px;height:140px;margin:15px -30px 0 30px;width:4px}.skill--position p{margin-left:10px}.skill-right{width:50%}.skills--box{display:flex;flex-wrap:wrap;justify-content:center;width:65%}.Skill-image-holder{animation:SkillImage1 7s ease-in-out infinite alternate}@keyframes SkillImage1{0%{transform:rotate(15deg) translateY(15px)}50%{transform:rotate(-15deg) translateY(-15px)}to{transform:rotate(15deg) translateY(15px)}}.Skill-image-holder:nth-child(2n){animation:SkillImage2 7s ease-in-out infinite alternate}@keyframes SkillImage2{0%{transform:rotate(-15deg) translateY(-15px)}50%{transform:rotate(15deg) translateY(15px)}to{transform:rotate(-15deg) translateY(-15px)}}.Piece--word span:first-child{color:#ffb800}.Piece--word span:nth-child(2){color:#ce5353}.Piece--word span:nth-child(4){color:#00ff57}.Projects,.projects-holder{position:relative}.projects-holder{background-color:#0f1111;border:1px solid #fff;border-radius:45px;display:flex;height:300px;justify-content:center;padding:0 40px;transition:all 1s ease-in-out}.projects-holder:hover{border:1px solid #0f1111;box-shadow:0 5px 35px 0 #0000001a}.projects-holder:hover:after,.projects-holder:hover:before{animation:clockwise 1s infinite;background-color:#00f2ff;border-radius:45px;box-shadow:1px 1px 10px #00f2ff;content:"";display:block;height:300px;position:absolute;width:100%;z-index:-1}.projects-holder:hover:after{animation:anticlockwise 1s infinite;background-color:#ae00ff;box-shadow:1px 1px 10px #ae00ff}@keyframes clockwise{0%{right:0;top:-5px}12%{right:2px;top:-2px}25%{right:5px;top:0}37%{right:2px;top:2px}50%{right:0;top:5px}62%{right:-2px;top:2px}75%{right:-5px;top:0}87%{right:-2px;top:-2px}to{right:0;top:-5px}}@keyframes anticlockwise{0%{left:0;top:-5px}12%{left:2px;top:-2px}25%{left:5px;top:0}37%{left:2px;top:2px}50%{left:0;top:5px}62%{left:-2px;top:2px}75%{left:-5px;top:0}87%{left:-2px;top:-2px}to{left:0;top:-5px}}.projects-holder .p--left{color:#fff;text-align:left;width:60%}.projects-holder .p--left .p--title{font-size:28px;font-weight:600;margin-top:35px}.projects-holder .p--left p{font-size:16px;margin:25px 0;width:400px}.projects-holder .p--right{color:#fff;position:relative;-webkit-user-select:none;user-select:none;width:40%}.p--right .p--btn{background-color:#181b1b;border:none;border-radius:15px;bottom:35px;cursor:pointer;font-size:20px;font-weight:600;height:50px;letter-spacing:1px;line-height:50px;outline:none;position:absolute;right:0;width:350px;z-index:0}.p--right .p--btn:before{animation:glowing 10s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:15px;content:"";filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.p--right .p--btn:active{color:#fff;text-shadow:1px 1px 2px #000}.p--right .p--btn:active:after{background:#0000}.p--right .p--btn:hover:before{opacity:1}.p--right .p--btn:after{background:#111;border-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.Social-Media .social--holder{height:250px;margin-top:100px;position:relative}.Social-Media .social--box{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(90deg,#dfdfdf66 0,#dfdfdf33);border:1px solid #ffffff2e;border-radius:25px;box-shadow:5px 5px 15px .2px #0000004d;height:60%;justify-content:space-around;padding:10px 20px;width:100%}.Social-Media .social--box p{font-weight:600}.Social-Media .icons--holder{position:absolute}.Social-Media .Skill-image-holder{animation:none}.Social-Media .s--twitch{bottom:-90px;left:90px;position:absolute;transform:rotate(12deg)}.Social-Media .s--twitch.rotate{animation:throtate 1s ease-in-out infinite alternate}@keyframes throtate{0%{transform:rotate(12deg)}30%{transform:rotate(-50deg)}to{transform:rotate(365deg)}}.Social-Media .s--twitch .Skill-image-holder{width:130px}.Social-Media .s--discord{left:190px;position:absolute;top:60px;transform:rotate(-30deg)}.Social-Media .s--discord.rotate{animation:drotate 1.2s ease-in-out infinite alternate}@keyframes drotate{0%,to{left:190px;top:60px}25%,45%,5%,65%,85%{left:180px}15%,35%,55%,75%,95%{left:200px}to{left:190px;top:140px}}.Social-Media .s--discord .Skill-image-holder{width:130px}.Social-Media .s--twitter{bottom:-110px;left:290px;position:absolute;transform:rotate(-15deg);transition:all .2s ease-in-out}.Social-Media .s--twitter.rotate{animation:trotate 4s ease-in-out infinite alternate}@keyframes trotate{0%{bottom:-110px;left:290px}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{bottom:-120px}10%,20%,30%,40%,50%,60%,70%,80%,90%{bottom:-100px}70%{left:900px}to{left:290px}}.Social-Media .s--twitter .Skill-image-holder{width:160px}.Social-Media .social--box{align-items:center;color:#fff;display:flex;font-size:23px}.Social-Media .s--instagram{left:410px;position:absolute;top:80px;transform:rotate(20deg)}.Social-Media .s--instagram.rotate{animation:irotate 2s ease-in-out infinite alternate}@keyframes irotate{0%,to{left:410px;top:80px;transform:rotate(20deg)}25%,45%,5%,65%,85%{transform:rotate(20deg)}15%,35%,55%,75%,95%{transform:rotate(-20deg)}70%{top:130px}}.Social-Media .s--instagram .Skill-image-holder{width:130px}.Social-Media .s--github .Skill-image-holder{width:100px}.Social-Media .social--box p{font-size:25px;letter-spacing:2px}.Social-Media .social--box button{background:linear-gradient(90deg,#73df7e 0,#a373df);border:none;border-radius:10px;box-shadow:3px 3px 5px 1px #0000004d,inset 11px 10px 25px -8px #fff;color:#fff;font-size:25px;font-weight:650;height:50px;line-height:48px;text-decoration:none;transition:all .3s ease-in-out;width:145px}.Social-Media .social--box button:hover{box-shadow:4px 4px 5px 1px #00000080,inset 14px 14px 15px -8px #fff;cursor:pointer;transform:translateX(-3px) translateY(-3px);width:146px}.feedback{color:#fff;display:none;opacity:0}.feedback-title-btn{display:flex;justify-content:space-between}.to-feedbacks{align-items:center;cursor:pointer;display:flex;height:60px;margin-top:20px}.to-feedbacks div{height:34px;transform:translateX(-10px) translateY(1px);transition:all .3s ease-in-out;width:35px}.to-feedbacks div img{width:100%}.to-feedbacks:hover div{transform:translateX(0) translateY(1px)}.feedback-title-btn p{font-size:18px;font-weight:500;opacity:.8;transform:translateX(-10px)}.feedback-sections{display:flex;height:50vh;justify-content:space-between}.f-user-inputs{text-align:left;width:60%}.f-user-inputs p{font-size:16px;font-style:italic;font-weight:300;margin:0;opacity:.7}.f-user-inputs input{border:1px solid #738adb;border-radius:5px;color:#ffffffb3;font-weight:200;height:35px;letter-spacing:.6px;padding:0 5px 0 15px;width:305px}.f-user-inputs input,.f-user-inputs textarea{background-color:#738adb4d;margin-top:5px;outline:none}.f-user-inputs textarea{border:1px solid #738adb;border-radius:8px;color:#fffc;font-size:14px;letter-spacing:.4px;max-height:250px;max-width:300px;min-height:100px;min-width:250px;padding:15px}.f-input-holder:nth-child(2){margin-top:40px}.f-rating-btn{position:relative;width:40%}.rating-radio ul{list-style:none;padding:0;width:40%}.rating-radio li{color:#aaa;padding:10px}.rating-radio input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#2c3350;border-radius:50%;cursor:pointer;height:20px;margin-right:10px;width:20px}.rating-radio input[type=radio]:checked{background-color:#738adb}.rating-radio label{align-items:center;cursor:pointer;display:flex}.rating-radio label p{margin:0 0 0 5px}.f-send-btn{background-color:#738adb;border:1px solid #fff;border-radius:5px;bottom:0;color:#fff;cursor:pointer;height:45px;position:absolute;right:0;text-align:center;transition:all .3s ease-in-out;width:120px}.f-send-btn:hover{background-color:initial;border:1px solid #738adb}.f-send-btn p{font-size:20px;font-weight:600;line-height:45px;margin:0}@media only screen and (max-width:1200px){.title-holder h2{font-size:28px!important}.title-holder h2>span{letter-spacing:9vh}.skills--box{width:85%}.skill--title{font-size:18px!important}.skill--short{font-size:16px!important}}@media only screen and (max-width:1000px){.spline-cube{display:none;visibility:hidden}.title-holder h2>span{letter-spacing:8vh}.text-holder>p{font-size:14px;width:100%}.static--holder .info--holder h3{font-size:28px}.static--holder .info--holder p{font-size:16px}.skills--box{width:100%}.skill--title{font-size:21px}.skill-right{width:45%}.skill-left{width:55%}.skill-left .skill--short{font-size:16px;font-weight:100;width:80%}.skill-left .skill--short p{font-size:16px!important;font-weight:300}.skill--position{font-size:18px}.Skill-image-holder:nth-child(3),.Skill-image-holder:nth-child(5),.Skill-image-holder:nth-child(7),.Skill-image-holder:nth-child(8),.skills--box .Skill-image-holder:first-child{display:none}.skill-left ul li p{font-size:14px}.Piece--word h2{font-size:30px}.p--right .p--btn{height:45px;line-height:45px;width:200px}.Social-Media .s--twitch{left:20px}.Social-Media .s--discord{left:100px}.Social-Media .s--twitter{left:210px}.Social-Media .s--instagram{left:310px}.Social-Media .social--box p{font-size:21px;letter-spacing:2px}}@media only screen and (max-width:830px){.spline-cube{display:none;visibility:hidden}.title-holder h2{font-size:30px!important}.title-holder h2>span{letter-spacing:45px;margin:0 0 0 3%;opacity:.2}.skill-left .skill--title p{font-size:16px}}@media only screen and (max-width:500px){.spline-cube{display:none;visibility:hidden}.mf{display:block;visibility:visible}section h2{font-size:28px;margin-bottom:50px}.title-holder h2{font-size:23px!important;margin-left:19px}.title-holder h2>span{letter-spacing:15px;margin:0 0 0 3%;opacity:.2}.images-holder{display:none}.text-holder{width:90%}.text-holder>p{font-size:12px;line-height:24px;width:100%}.about-me{margin:0}.static--holder{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.static--holder>div{margin-bottom:20px;width:43%}.skill--title{font-size:18px}.skill-left{width:99%}.skill-right{display:none;width:1%}.skill--title div{padding:5px;width:45px}.skill-left .skill--short{font-size:14px;line-height:24px;width:90%}.skill--position{font-size:16px;margin-bottom:-20px}.skill-left ul li p{font-size:14px}.Piece--word h2{font-size:20px}.projects-holder{border-radius:30px;height:280px}.projects-holder:hover:after,.projects-holder:hover:before{height:250px}.projects-holder .p--left .p--title{font-size:18px}.projects-holder .p--left p{font-size:12px;font-weight:400;width:300px}.p--right .p--btn{border:1px solid #ccc;border-radius:10px;font-size:14px;height:45px;line-height:45px;width:144px}.Social-Media .social--box{height:50%;width:90%}.Social-Media .Skill-image-holder{width:100px!important}.Social-Media .s--github .Skill-image-holder{display:none}.Social-Media .social--box p{font-size:16px;letter-spacing:1px;text-align:left;width:50%}.Social-Media .social--box button{font-size:17px;height:40px;line-height:42px;width:100px}.Social-Media .social--box button:hover{height:42px;width:103px}.Social-Media .s--twitch{bottom:-50px;left:40px}.Social-Media .s--discord{left:110px;top:90px}.Social-Media .s--twitter{bottom:-60px}.Social-Media .s--discord.rotate,.Social-Media .s--instagram.rotate,.Social-Media .s--twitch.rotate,.Social-Media .s--twitter.rotate{animation:none}.to-feedbacks{margin-top:35px}.feedback-sections{display:block}.f-user-inputs{width:100%}.f-rating-btn{height:40vh;width:100%}.rating-radio{height:40%;width:90%}.rating-radio ul{display:flex;flex-wrap:wrap;font-size:13px;width:100%}.f-send-btn{bottom:120px}}@media only screen and (max-width:440px){section h2{font-size:26px}.Social-Media .social--box p{font-size:11px}}@media only screen and (max-width:410px){.spline-cube{display:none;visibility:hidden}section{margin-top:120px}.title-holder h2{font-size:21px!important;margin-bottom:20px!important}section h2{font-size:22px!important}.text-holder>p{font-size:11px;line-height:24px;margin-top:-5px}.Statics{margin-top:250px!important}.skill--title h5{font-size:15px!important}.skill--short p{font-size:13px}.skill--position p{font-size:12px}.skill--position--subset ul p{font-size:11px!important}.Piece--word h2{font-size:19px!important}.Projects .projects-holder .p--title{font-size:16px}.Projects .projects-holder .p--second-title{font-size:12px;width:32vh}.Social-Media .s--twitch{bottom:-60px;left:20px}.Social-Media .s--discord{left:80px;top:80px}.Social-Media .s--twitter{bottom:-70px;left:190px}.Social-Media .s--instagram{left:240px;top:70px}}.this-mobile{display:none;visibility:hidden}.Header--controller,.social-counter{position:relative}.social-counter{height:450px;z-index:999}.social-counter div{display:flex;justify-content:space-around}@media only screen and (max-width:1200px){.social-counter .Icon-Text-Holder:nth-child(2) .Text{width:50%}}@media only screen and (max-width:1050px){.this-mobile{display:block;position:relative;visibility:visible;z-index:99999}.Footer,.social-counter{display:none;visibility:hidden}}nav{height:450px;position:relative;width:100%}header{display:flex;top:10%;width:100%}.welcomer,header{position:absolute}.welcomer{bottom:20%}.welcomer>h1{color:#fff;font-size:42px}.welcomer>h1>span{color:#d04d4d}.bubble-holder{display:flex}.left--side{left:45%;opacity:0;position:absolute;transition:all .5s cubic-bezier(.07,.6799999999999999,.48,.94) 0s;visibility:hidden;z-index:1}.left--side.highlight{animation:movemore .7s;left:30%;opacity:1;visibility:visible}@keyframes movemore{0%{left:45%}50%{left:25%}to{left:30%}}.island{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(0deg,#fff3 0,#f1f1f11f);background:-webkit-linear-gradient(0deg,#fff3 0,#f1f1f11f);border:1px solid #ffffff4d;border-radius:35px;color:#fff;cursor:pointer;font-size:18px;height:35px;line-height:32px;margin:auto;text-align:center;width:115px;z-index:3}.right--side{opacity:0;position:absolute;right:45%;transition:all .5s cubic-bezier(.07,.6799999999999999,.48,.94) 0s;visibility:hidden;z-index:1}.right--side.highlight{animation:movemore2 .7s;opacity:1;right:30%;visibility:visible}@keyframes movemore2{0%{right:45%}50%{right:25%}to{right:30%}}.bubbles{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(0deg,#fff3 0,#f1f1f11f);background:-webkit-linear-gradient(0deg,#fff3 0,#f1f1f11f);border:1px solid #ffffff4d;border-radius:35px;color:#fff;cursor:pointer;height:35px;margin:0 10px;width:35px}.b-holder:hover .bubbles{animation:spin .7s ease-in-out}@keyframes spin{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}.bubbles img{align-items:center;margin:6px auto;width:65%}.Icon-Text-Holder{cursor:pointer;height:200px;position:relative;-webkit-user-select:none;user-select:none;width:230px}.Icon-Text-Holder img{position:absolute;text-decoration:none}.Thin{left:10%;top:30px;transition:all .3s ease-in-out;z-index:7}.Thin.hide{opacity:0}.Solid,.Thin.hide{transform:scale(0)}.Solid{left:-147px;top:-168px;transition:all .3s ease-in-out;z-index:99}.Solid.show.highlight{transform:scale(1)}.Text{left:70px;top:-250px;transform:translateY(-150%);transition:all .4s cubic-bezier(.01,.98,.01,.98) 0s;z-index:9}.Text.highlight{transform:translateY(0)}@media only screen and (max-width:1200px){.Icon-Text-Holder{height:150px;width:150px}.Icon-Text-Holder .Thin{width:100%}.Icon-Text-Holder .Text{width:60%}.Icon-Text-Holder .Solid{width:380px}.Thin{left:10%;top:30px;z-index:8}.Solid,.Thin{transition:all .3s ease-in-out}.Solid{left:-105px;top:-110px;transform:scale(0);z-index:10}.Text{left:45px;top:-210px;transform:translateY(-150%);transition:all .4s cubic-bezier(.01,.98,.01,.98) 0s;z-index:9}}.ms{margin-top:50px}.ms p{color:#fff}.m-socialmedia{margin-top:100px}.m--title p{font-size:25px;margin-top:50px;text-align:center}.ms--title{font-size:18px;text-align:left}.ms--title span{color:#d04d4d}.m-position p:nth-child(2){text-align:left}.m-position .m-desc span:first-child{color:#00ff57}.m-position .m-desc span:nth-child(2){color:#00ffc1}.m-position .m-desc span:nth-child(3){color:#ce5353}.m-logo{margin:150px auto;width:100px}.m-logo img{width:100%}.m-content--holder{align-items:center;background-color:#090a0e;border-radius:9px;box-shadow:5px 5px 6px #0006,inset 5px 5px 15px -15px #fff;color:#fff;cursor:pointer;display:flex;height:70px;margin-top:20px;position:relative;text-align:center;transition:all .3s ease-in-out;width:100%}.m-content--holder:hover{box-shadow:6px 6px 6px #0009,inset 6px 6px 15px -13px #fff}.m-icon--holder{margin-left:25px;position:relative;width:20%}.m-content--holder .m-icon{position:relative;width:55px}.m-content--holder .m-icon img{width:100%}.m-content--holder .m-title{font-size:17px;letter-spacing:2px;width:47%}.SkillBox-Holder .box--right img{background-repeat:no-repeat;background-size:cover;border-radius:20px;height:100%;object-fit:cover;position:relative;width:100%}.SkillBox-Holder{cursor:pointer;height:600px;margin-bottom:5%;position:relative;width:100%;z-index:99}.Skill--holder{background-color:#0a0c10;border:1px solid #ffffff80;border-radius:30px;display:flex;height:100%;width:100%}.Skill--holder .box{padding:35px 40px}.Skill--holder .box--left{color:#fff;text-align:left;width:35%}.Skill--holder .box--left h2{font-size:28px;margin:0}.Skill--holder .box--left p{font-size:15px;font-weight:200;line-height:25px}.Skill--holder .box--right{display:flex;padding-left:0;width:65%}.box--1-2{display:block;width:55%}.box--1-2 .box--1{display:flex;height:70%;justify-content:space-between}.box--1-2 .box--1 div{width:100%}.box--1-2 .box--2{height:30%;position:relative}.box--1-2 .box--2 div{bottom:0;height:93%;position:absolute;width:100%}.box--3{width:45%}.box--3 div{border-radius:20px;float:right;height:100%;position:relative;width:96%}@media only screen and (max-width:1200px){.Skill--holder .box--left h2{font-size:28px;margin:0}.Skill--holder .box--left p{font-size:14px;line-height:22px}}@media only screen and (max-width:1050px){.Skill--holder .box--left h2{font-size:20px;margin:0}.Skill--holder .box--left p{font-size:12px;line-height:22px}}@media only screen and (max-width:500px){.SkillBox-Holder{height:100%;margin-bottom:6%}.Skill--holder{display:block}.Skill--holder .box{margin:auto;padding:20px 15px}.Skill--holder .box--left,.Skill--holder .box--right{width:90%}.Skill--holder .box--left h2{margin-top:10px}.Skill--holder .box--left p{font-size:10px;line-height:18px}}.details-control{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#fff6;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999999}.details-control button{background-color:#fff3;border:1px solid #ffffff80;border-radius:20px;box-shadow:2px 2px 15px 2px #0006;color:#fff;cursor:pointer;font-size:17px;height:40px;margin-top:20px;width:120px}.details-control button:hover{background:#0000}.details-holder{display:block;height:85%;margin-top:20px;overflow-y:scroll;padding:30px}.details-holder::-webkit-scrollbar{background-color:#f0f2f5;width:12px}.details-holder::-webkit-scrollbar-thumb{background-color:#007bff;border:3px solid #f0f2f5;border-radius:6px}.details-holder::-webkit-scrollbar-thumb:hover{background-color:#0056b3}.details-holder::-webkit-scrollbar-track{background-color:#f0f2f5;border-radius:6px}.details-holder div{display:flex;margin:0 auto;width:40%}.details-holder>div:first-child{border-radius:10px 10px 0 0;border-top:1px solid #fff}.details-holder>div:first-child,.details-holder>div:nth-child(2),.details-holder>div:nth-child(3){border-left:1px solid #fff;border-right:1px solid #fff}.details-holder>div:nth-child(3){border-bottom:1px solid #fff;border-radius:0 0 10px 10px}.details-control>div img{padding:10px;width:100%}@media only screen and (max-width:1200px){.details-holder div{width:40%}.details-holder div img{width:90%}}@media only screen and (max-width:500px){.details-holder{overflow-y:hidden;z-index:9999999}.details-holder div{width:40%}.details-holder div img{width:90%}}.gg{margin:25% auto;width:100%}.gg p{color:#fff;font-size:150px}.product-information{color:#fff;display:flex;height:750px;text-align:left}.product-information .set-info-mobile{display:none}.set-card{margin-top:70px}.error-txt{margin:5px 0;padding:0;position:absolute}.materials{display:flex;justify-content:space-between;margin-top:20px;width:35%}.material{position:relative}.material:first-child:after{content:"15€"}.material:first-child:after,.material:nth-child(2):after{bottom:-30px;opacity:0;position:absolute;right:0;transition:all .3s ease-in-out;visibility:hidden}.material:nth-child(2):after{content:"30€"}.material:hover:after{opacity:1;visibility:visible}.custom{display:flex;justify-content:space-between;margin-top:20px;width:35%}.cus{position:relative}.cus:first-child:after{content:"8€"}.cus:first-child:after,.cus:nth-child(2):after{bottom:-30px;opacity:0;position:absolute;right:0;transition:all .3s ease-in-out;visibility:hidden}.cus:nth-child(2):after{content:"0€"}.cus:hover:after{opacity:1;visibility:visible}.two-option{border:1px solid #fff;border-radius:7px;cursor:pointer;font-size:16px;font-weight:300;height:35px;line-height:35px;text-align:center;transition:all .1s ease-in-out;width:100px}.two-option.selected{border:1px solid #00ff57;pointer-events:none}.functionality{height:15%}.func-dropdown{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:linear-gradient(180deg,#fff3 0,#f1f1f11f);background:-webkit-linear-gradient(180deg,#fff3 0,#f1f1f11f);border:1px solid #fff6;border-radius:8px;color:#fff;display:flex;font-size:13px;height:45px;line-height:45px;margin-top:10px;padding:2px 20px;position:absolute;text-align:left;transition:all .4s ease-in-out;width:55%;z-index:9999}.arrow{background-position:50%;background-repeat:no-repeat;height:35px;margin-top:5px;object-fit:cover;transform:rotate(90deg);transition:transform .4s ease-in-out;width:35px}.arrow.show{transform:rotate(0deg)}.arrow img{width:100%}.func-dropdown.show{height:524px;position:absolute}.func-dropdown a{color:#fff;display:block;font-size:14px;font-weight:300;height:37px;left:-20px;line-height:37px;padding:0 51px 0 20px;position:relative;text-decoration:none;text-shadow:1px 1px 1px #000,3px 3px 10px #0006;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:103%}.func-dropdown a p{margin:0}.func-dropdown a:nth-child(2n){transform:translateY(-100%)}.func-dropdown a.hidethis{opacity:0;transition:visibility .1s ease-out,opacity .1s ease-out,transform .2s ease-out;visibility:hidden}.func-dropdown a.show{transform:translateY(0);transition:visibility .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out;transition-delay:.3s}.func-dropdown a:hover{background:#fff6;cursor:pointer}.func-dropdown a:last-child{border-radius:0 0 8px 8px}.set-info{position:relative;width:60%}.functionality-details{height:100%;position:relative;width:40%}.descriptions{max-height:350px;min-height:150px}.product-desc{font-size:15px;font-weight:300;height:70%;line-height:27px;width:100%}.price--btn{align-items:end;bottom:0;display:flex;justify-content:space-between;padding:0;position:absolute;right:0;width:220px}.sub-price{font-size:25px;font-weight:600;margin:0 0 0 15px;text-align:left}.send-btn{background-color:#00ff57;border-radius:5px;box-shadow:2px 2px 5px 1px #0009;cursor:pointer;height:45px;transition:all .3s ease-in-out;width:140px}.send-btn:hover{box-shadow:6px 6px 10px 2px #000;transform:translate(-2px,-2px)}.send-btn p{color:#fff;font-size:21px;font-weight:700;line-height:45px;margin:0;text-align:center;text-shadow:1px 1px 4px #000c}.product-title{font-size:24px;font-weight:500}.product-title span{color:#00ff57}.product-title-last span{color:#00ffbd}.user-desc{height:220px;position:relative;width:60%}.text-holder{display:flex;height:100%;width:100%}.user-desc textarea{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:linear-gradient(180deg,#ffffff2e 0,#f1f1f11f);background:-webkit-linear-gradient(180deg,#ffffff2e 0,#f1f1f11f);border:1px solid #fff6;border-radius:8px;color:#fff;margin-top:10px;max-height:70%;max-width:100%;min-height:50%;min-width:50%;outline:none;padding:10px;position:relative}.product-details-margin{margin-top:15%!important}.product-details{color:#fff;margin-top:10%;text-align:left}.product-details P{font-size:15px;font-weight:300;line-height:25px}.u-ours{color:#fe0;font-size:17px;font-weight:500}@media only screen and (max-width:1200px){.custom,.materials{width:40%}.func-dropdown{width:65%}.func-dropdown a{width:100%}.product-desc{height:80%}}@media only screen and (max-width:830px){.user-desc{margin-top:35%}.func-dropdown{width:75%}.func-dropdown a{font-size:11px;width:100%}}@media only screen and (max-width:500px){.product-information{height:950px!important;margin-top:20%}.product-information .set-info-mobile{display:block;width:100%}.product-information .functionality-details,.product-information .set-info{display:none}.selection-mobile{display:flex;justify-content:space-between}.set-card{margin-top:0}.select-custom,.select-material{text-align:left;width:45%}.functionality-details-one{margin-top:10%;text-align:left;width:100%}.functionality-details-two{margin-top:1%;text-align:left;width:100%}.functionality-details-three{height:100px;position:relative;width:100%}.functionality-details-three .price--btn{align-items:end;bottom:0;display:flex;justify-content:space-between;padding:0;position:absolute;right:0;width:220px}.descriptions{width:100%}.functionality-details-one .descriptions:nth-child(2){min-height:100px!important}.product-title{font-size:17px}.descriptions .product-title{font-size:15px}.product-desc{font-size:12px;line-height:20px}.func-dropdown{font-size:13px;height:40px;line-height:40px;width:91%!important}.func-dropdown a{font-size:12px;height:40px;width:104%}.func-dropdown.show{height:558px}.arrow{height:35px;margin-top:3px;width:35px}.user-desc{height:260px;margin-top:7%;text-align:left;width:100%}.materials{width:86%}.two-option{font-size:13px;height:30px;line-height:30px;width:60px}.custom{width:86%}.to-store{display:none;visibility:hidden}.store-title{margin-top:30%}.store-title p{font-size:25px}.personalinfo input{margin-top:40px;width:100%}.functionality{text-align:left}.product-details{margin-top:20%}.product-details-margin{margin-top:55%!important}}.S-Footer{height:80px;margin:-50px 0 80px;position:relative;z-index:99}.s-footer-holder{background-color:#090a0e;border-radius:25px;box-shadow:5px 5px 6px #0006,inset 5px 5px 15px -15px #fff;color:#fff;height:90%;width:100%}.polisies{display:flex;justify-content:center;width:100%}.s-footer-holder ul{display:flex;justify-content:space-evenly;margin-top:27px;width:70%}.s-footer-holder ul li{list-style:none;width:15%}.s-footer-holder ul li:hover{border-bottom:1px solid #fff;cursor:pointer}@media only screen and (max-width:1200px){.s-footer-holder ul{width:100%}}@media only screen and (max-width:1050px){.S-Footer{margin-top:200px}}@media only screen and (max-width:830px){.s-footer-holder ul li{font-size:14px}}@media only screen and (max-width:500px){.s-footer-holder ul li{font-size:13px;width:30%}}.orderpopup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(90deg,#85858533 0,#478e5f40);border:1px solid #fff9;border-radius:25px;color:#fff;height:570px;left:20%;padding:45px 50px;position:absolute;top:40%;width:1030px;z-index:99999999999}.orderpopup,.orderpopup.show{display:block;opacity:1;visibility:visible}.popup-title p{font-size:30px;font-weight:700;margin:0;word-spacing:5px}.order-informations{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:60px;text-align:left}.informations-title{font-size:20px;font-weight:500}.order--content p{font-size:16px;font-style:italic;font-weight:300;opacity:.8}.orderacs-btn{border:1px solid #00ff57;border-radius:50px;bottom:20px;cursor:pointer;height:40px;position:absolute;width:91%}.orderacs-btn p{font-size:23px;font-style:italic;font-weight:700;line-height:40px;margin:0}@media only screen and (max-width:1200px){.orderpopup{left:2%}}@media only screen and (max-width:1050px){.orderpopup{width:880px}}@media only screen and (max-width:830px){.orderpopup{width:670px}}@media only screen and (max-width:500px){.orderpopup{height:700px;width:360px}.popup-title p{font-size:20px;word-spacing:0}.order-informations{justify-content:flex-start}.orderacs-btn{width:80%}}.c--product-info{color:#fff;display:flex;height:400px;justify-content:space-between}.c--product-info p{margin:0}.main-product-image{width:33%}.main-product-image img{height:100%;width:100%}.c--product-info .product-info{font-size:15px;font-weight:300;letter-spacing:1px;line-height:28px;text-align:left;width:30%}.order-select-one{position:relative;text-align:left;width:25%}.c--product-info input{background:#0000;border:none;border-bottom:1px solid #fff;color:#ffffff7a;font-size:12px;font-style:italic;font-weight:200;margin-top:20px;outline:none;padding:0 0 5px 10px;width:98%}.select-color>p{font-size:21px;font-weight:400}.colors{display:flex;justify-content:space-between;margin-top:10px;width:30%}.color-holder{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border:1px solid #ffffffb3;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .1s ease-in-out;width:34px}.color{border-radius:50%;height:22px;width:22px}.color-holder.selected{border:1px solid #00ff57;pointer-events:none}.select-size>p{font-size:21px;font-weight:400;margin-top:40px}.sizes{display:flex;justify-content:space-between;line-height:34px;margin-top:10px;text-align:center}.sizes div{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border:1px solid #ffffffb3;border-radius:19px;cursor:pointer;height:34px;transition:all .1s ease-in-out;width:48px}.size.selected{border:1px solid #00ff57;pointer-events:none}.submit-order{bottom:0;display:flex;position:absolute;right:0;width:200px}.submit-order .order-btn{background-color:#00ff57;border-radius:5px;bottom:0;box-shadow:2px 2px 5px 1px #0009;cursor:pointer;height:45px;position:absolute;right:0;transition:all .3s ease-in-out;width:140px}.submit-order .order-btn:hover{box-shadow:6px 6px 10px 2px #000;transform:translate(-2px,-2px)}.submit-order .order-btn p{color:#fff;font-size:19px;font-weight:700;line-height:45px;margin:0;text-align:center;text-shadow:1px 1px 4px #000c}.p-price{bottom:-9px;font-size:25px;font-weight:600;left:-10px;position:absolute}.to-store{align-items:center;background-color:#00ff57;border-radius:0 8px 8px 0;cursor:pointer;height:55px;justify-content:center;left:0;position:fixed;top:40%;width:80px;z-index:999999}.store-img-holder,.to-store{transition:all .3s ease-in-out}.store-img-holder{height:35px;margin:8px auto;width:35px}.to-store img{filter:drop-shadow(1px 1px 5px rgba(0,0,0,.7));object-fit:cover;width:100%}.to-store:hover{width:110px}.to-store:hover .store-img-holder{opacity:0;transform:translateX(-170%)}.to-store p{bottom:-19px;color:#fff;font-size:27px;font-weight:600;left:20px;opacity:0;position:absolute;transform:translateX(-100%);transition:all .3s ease-in-out}.to-store:hover p{opacity:1;transform:translateX(0)}.product-images{display:flex;gap:20px;height:400px;justify-content:space-between;margin-top:12%;width:100%}.product-images .p-img-holder{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:300px;overflow:hidden;position:relative;width:300px}.product-images .p-img-holder img{height:100%;object-fit:cover;width:100%}.good-to-know{color:#fff;margin-top:10%;text-align:left}.gtk-title{font-size:38px;font-weight:700}.gtk-title span{color:#d04d4d}.c--product-details{margin-top:5%}.c--product-title{font-size:25px;font-weight:600}.c--product-details p{font-size:16px;font-weight:300;line-height:25px}.c--product-title span{color:#00ff57}.c--error-messages{font-size:15px;margin-top:2%}@media only screen and (max-width:1200px){.colors{width:35%}.sizes{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.sizes div{margin:5px}}@media only screen and (max-width:1050px){.colors{width:40%}}@media only screen and (max-width:500px){.to-store{display:none;visibility:hidden}.c--product-info{display:inline-flex;flex-wrap:wrap;height:650px;justify-content:space-between;margin-top:5%}.product-info{height:50%}.product-info p{height:100%;margin:0;padding:0}.order-select-one,.order-select-two{height:50%;width:47%}.c--product-info .product-info{font-size:14px;width:100%}.product-images{height:100%;justify-content:center;margin-top:35%}.product-images,.sizes{display:inline-flex;flex-wrap:wrap}.sizes{height:100px}.colors{width:50%}.good-to-know{margin-top:30%}.c--product-details{margin-top:20%}.c--space{margin-bottom:150px}.submit-order{background-color:red!important}}.p-title-holder{color:#fff;font-size:42px;font-weight:700;margin-bottom:150px;margin-top:50px;text-align:center}.policies{color:#fff;margin-top:150px;text-align:left}.policies-title{color:#fffb00;font-size:26px;font-weight:600}.policies-desc{font-size:15px;font-weight:300}.order-placing{color:#fff;height:350px;position:relative;text-align:left}.durations,.order-placing{display:flex;justify-content:space-between}.durations{margin-top:20px;width:85%}.set-inputs input{background:#0000;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:14px;font-style:italic;height:25px;letter-spacing:1px;margin-top:20px;outline:none;padding:2px 0 2px 10px;width:100%}.spotify-information{color:#fff;margin-top:200px;text-align:left}.spotify-information p{margin:0}.s-info-title{font-size:32px;font-weight:500}.upper-margin{margin-top:40px!important}.span-green{color:#00ff57}.spotify-information .how-to-buy ul{display:flex;justify-content:space-between;list-style:none;padding:0}.spotify-information .how-to-buy ul li{text-align:center;width:250px}.spotify-information .how-to-buy ul li div{margin:0 auto;width:150px}.spotify-information .how-to-buy ul li p{font-size:18px;margin-top:10px}.spotify-information ul li div img{width:100%}.about-premium ul{list-style:none;padding:0}.about-premium ul li{align-items:center;display:flex;margin-top:25px}.about-premium ul li p{font-size:20px;margin-left:20px}.about-premium ul li div{height:35px;width:35px}.spotify-faq{color:#fff;margin-top:150px;text-align:left}.faqs-title{font-size:34px;font-weight:700}.faqs-title span{color:#d04d4d}.spotify-faq p{margin:0}.spotify-faq .q-details:nth-child(2){margin-top:50px}.q-details{margin-top:40px}.q-details p a{color:aqua;cursor:pointer;font-weight:700}.faq-title{font-size:25px;font-weight:600}.q-details p{font-weight:300;line-height:25px;margin-top:15px}@media only screen and (max-width:830px){.s-product-title{font-size:20px}.durations{width:100%}.spotify-information .how-to-buy ul li{width:200px}.spotify-information .how-to-buy ul li div{width:120px}.spotify-information .how-to-buy ul li p{font-size:14px}.about-premium ul li p{font-size:15px}.s-info-title{font-size:29px}}@media only screen and (max-width:500px){.order-placing{flex-wrap:wrap;height:450px}.set-inputs input{width:95%}.durations .two-option{width:90px}.spotify-information{margin-top:100px}.spotify-information .how-to-buy ul{flex-wrap:wrap;height:400px;justify-content:space-between}.s-info-title{font-size:26px}.about-premium ul li{height:50px}.about-premium ul li div{height:35px;width:35px}.about-premium ul li p{font-size:14px;width:95%}.correction{font-size:14px}}@media only screen and (max-width:440px){.spotify-information .how-to-buy ul{flex-wrap:wrap;height:450px;justify-content:space-between}.spotify-information .how-to-buy ul li{width:170px}}.admin-panel-holder{color:#fff;display:flex;flex-wrap:wrap;margin-top:5%}.admin-sidebar{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:2px solid #535353;border-radius:10px;box-shadow:2px 2px 10px 1px #00000080;height:100px;justify-content:space-evenly;width:100%}.admin-sidebar,.admin-sidebar div{align-items:center;background:linear-gradient(0deg,#ffffff26 0,#f1f1f11a);display:flex}.admin-sidebar div{border-radius:7px;cursor:pointer;height:70px;justify-content:center;width:70px}.admin-sidebar div img{width:60%}.admin-panel-lists{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(0deg,#ffffff26 0,#f1f1f11a);border:2px solid #535353;border-radius:10px;box-shadow:2px 2px 10px 1px #00000080;height:100vh;margin-top:20px;padding:20px 50px;width:92%}.admin-list-header{align-items:center;border-bottom:1px solid #535353;display:flex;justify-content:space-between}.admin-list-title{font-size:24px;height:600}.orderby-btn-holder{align-items:center;display:flex;height:40%;justify-content:space-between;width:15%}.orderby-btn-holder select{outline:none}.order-titles ul{align-items:center;list-style:none;padding:0}.manager-holder,.order-titles ul{display:flex;justify-content:space-between}.manager-holder{box-sizing:border-box;color:#fff;margin-top:4%}.manager-holder p{margin:0;padding:0}.same-bg-color{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(0deg,#ffffff14 0,#f1f1f10d);border:2px solid #535353;border-radius:20px;box-shadow:2px 2px 10px 1px #00000080}.sidebar{height:612px;padding:0 20px;position:relative;text-align:left;width:22%}.sidebar .sidebar-object.active{background-color:#3e5780e6}.sidebar-object{align-items:center;background:linear-gradient(90deg,#ffffff14 0,#f1f1f10d);border-radius:8px;display:flex;height:40px;transition:all .2s ease-in-out;width:100%}.sidebar-object:hover{background-color:#26344b99;cursor:pointer}.sidebar-object div{height:26px;margin-left:15px;width:26px}.sidebar-object div img{width:100%}.sidebar-object p{font-size:14px;font-weight:200;margin-left:15px}.greeting{margin-top:25px}.greeting p:first-child{font-size:24px;font-weight:700}.greeting p:nth-child(2){font-size:16px;font-weight:400;opacity:.6}.manage,.sidebar-dashboard{margin-top:30px}.manage p{font-size:12px;font-weight:300;opacity:.7}.manage-holder,.manage-holder .sidebar-object{margin-top:10px}.logout{align-items:center;background:#a13434;border-radius:6px;bottom:-190px;display:flex;height:38px;position:relative;transition:all .2s ease-in-out;width:100%}.logout:hover{background-color:#b84848;cursor:pointer}.logout div{height:26px;margin-left:15px;width:26px}.logout div img{width:100%}.logout p{font-size:14px;font-weight:200;margin-left:15px}.user-panels-holder{height:612px;width:73%}.user-dashboard{align-content:space-between;display:flex;flex-wrap:wrap;height:100%;width:100%}.dashboard-second-title{font-size:20px;font-weight:600;opacity:.7;text-align:left}.password-orders{display:flex;height:55.9%;justify-content:space-between;width:100%}.password-holder{padding:25px 30px;position:relative;width:34.4%}.orders{padding:25px 30px;width:49%}.orders-titles ul{display:flex;justify-content:space-between;list-style:none;padding:0 20px 0 0}.orders-titles ul li{font-size:13px;margin:0}.account-holder{height:32%;padding:25px 30px}.account-holder,d.password{position:relative;width:100%}d.password{height:100%}.p-inputs-holder{align-content:space-between;display:flex;flex-wrap:wrap;height:57%;justify-content:space-between;margin-top:30px;width:100%}.p-inputs-holder input{background:#0000;border:1px solid #ffffff4d;border-radius:10px;color:#fff6;font-size:14px;height:36px;outline:none;padding:1px 0 1px 25px;width:100%}.change-password-btn{border:1px solid #00ff94;border-radius:7px;bottom:0;cursor:pointer;font-size:16px;font-weight:500;height:35px;line-height:35px;position:absolute;right:0;width:100px}.change-password-btn:hover{background:#00ff94;border:1px solid #00ff94;color:#000}.account{height:100%;position:relative;width:100%}.account-details{display:flex;justify-content:space-between;margin-top:20px;text-align:left;width:70%}.email-change,.username-change{width:45%}.account-details p{font-size:17px;font-weight:500;opacity:.7}.account-details input{background:#0000;border:1px solid #ffffff4d;border-radius:10px;color:#fff6;font-size:14px;height:36px;margin-top:6px;outline:none;padding:1px 0 1px 25px;width:100%}.account .change-account-btn{border:1px solid #00ff94;border-radius:7px;bottom:0;cursor:pointer;font-size:16px;font-weight:500;height:35px;line-height:35px;position:absolute;right:0;width:100px}.account .change-account-btn:hover{background:#00ff94;border:1px solid #00ff94;color:#000}.user-account{align-content:space-between;display:flex;flex-wrap:wrap;height:100%;width:100%}.user-account-password{height:41%;padding:25px 30px;width:100%}.user-account-account{height:38%;padding:25px 30px;width:100%}.register-holder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#ffffff26 0,#f1f1f11a);border:2px solid #535353;border-radius:20px;box-shadow:4px 4px 15px 1px #000000b3;color:#fff;height:550px;margin:3% auto;padding:20px 40px;width:400px;z-index:999}.register-holder .error{color:#f00c;margin-top:2px;position:absolute}.user-register{display:block;visibility:visible}.user-register.hide{display:none;visibility:hidden}.register{font-size:22px;font-weight:600;margin-top:4%}.user-register .inputs{margin-top:15%;text-align:left}.user-register .inputs input{background:#0000;border:1px solid #ffffff4d;border-radius:25px;color:#fff6;height:36px;outline:none;padding:1px 0 1px 25px;width:93%}.inputs p{margin-bottom:0}.register-email{margin-top:25px}.register-password{margin-top:25px;position:relative}.confirm-password{margin-top:25px}.button{border:1px solid #00ff94;border-radius:25px;cursor:pointer;height:40px;line-height:40px;margin-top:15%;text-align:center;transition:all .3s ease-in-out;width:100%}.to-login-btn{align-items:center;display:flex;font-size:16px;justify-content:center;margin-top:15px;width:100%}.to-login-btn p{font-size:16px!important;margin-bottom:16px}.to-login-btn div{color:#5f92d2;cursor:pointer;margin-left:10px}.user-submit{display:none;visibility:hidden}.user-submit.show{display:block;visibility:visible}.register-code{margin-top:35%}.submit-button{background-color:#485f81;border:1px solid #485f81;border-radius:5px;cursor:pointer;height:35px;line-height:35px;margin-top:10%;text-align:center;transition:all .3s ease-in-out;width:100%}.submit-button:hover{background:#374a68;border:1px solid #374a68}.submit-button p{font-size:17px!important;font-weight:500!important;margin:0}.cancel{border:1px solid #f33a43;border-radius:5px;cursor:pointer;height:35px;line-height:35px;margin-top:2%;text-align:center;transition:all .3s ease-in-out;width:100%}.cancel:hover{background:#f33a43;color:#fff}.cancel p{font-size:17px!important;font-weight:500!important;margin:0}.signin-holder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#ffffff26 0,#f1f1f11a);border:2px solid #535353;border-radius:20px;box-shadow:4px 4px 15px 1px #000000b3;color:#fff;height:500px;margin:3% auto;padding:20px 40px;width:400px;z-index:999}.signin-holder.show{display:block;position:fixed;visibility:visible}.user-signin{display:block}.signin{font-size:22px;font-weight:600;margin-top:4%}.welcome{display:block;height:50px;margin-top:12%;position:relative;text-align:left}.welcome p:first-child{font-size:22px;font-weight:700}.welcome p:nth-child(2){font-size:12px!important;margin-top:10px}.user-signin .inputs{margin-top:20%;text-align:left}.user-signin .inputs input{background:#0000;border:1px solid #ffffff4d;border-radius:25px;color:#fff6;height:36px;outline:none;padding:1px 0 1px 25px;width:93%}.inputs p{color:#fff9;font-size:13px;font-weight:300}.signin-email{margin-top:25px}.signin-password{margin-top:35px;position:relative}.fp-btn{color:#5f92d2!important;cursor:pointer;font-weight:400!important;position:absolute;right:10px;top:-35px}.signin-password .err{bottom:-18px;color:red;font-style:italic;font-weight:100;position:absolute;visibility:hidden}.signin-password .err.highlight{visibility:visible}.user-signin .button{border:1px solid #00ff94;border-radius:25px;cursor:pointer;height:40px;line-height:40px;margin-top:25%;text-align:center;transition:all .3s ease-in-out;width:100%}.button:hover{background:#00ff94;border:1px solid #00ff94}.button p{color:#fff;font-size:16px;font-weight:500;margin:0}.button:hover p{color:#000}.to-register-btn{align-items:center;display:flex;font-size:16px;justify-content:center;margin-top:15px;width:100%}.to-register-btn p{font-size:16px!important;margin-bottom:16px!important}.to-register-btn div{color:#5f92d2;cursor:pointer;margin-left:10px}@media only screen and (max-width:1600px){.register-holder{margin:5% auto}}.cp--holder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#ffffff26 0,#f1f1f11a);border:2px solid #535353;border-radius:20px;box-shadow:4px 4px 15px 1px #000000b3;color:#fff;height:500px;margin:5% auto;padding:20px 40px;width:400px;z-index:999}.cp--holder h2{margin-top:40px}.cp--holder .error{color:#f00c;font-size:13px;margin-top:2px;position:absolute}.cp--holder .cp-btn{background:#0000;border:1px solid #00ff94;border-radius:25px;cursor:pointer;height:40px;line-height:40px;margin-top:30%;text-align:center;transition:all .3s ease-in-out;width:100%}.cp--holder .cp-btn:hover{background:#00ff94;border:1px solid #00ff94}.cp--holder .cp-btn p{color:#fff;font-size:16px;font-weight:500;margin:0}.cp--holder .cp-btn:hover p{color:#000}.cp-email{margin-top:25%;position:relative}.cp-email input{background:#0000;border:1px solid #ffffff4d;border-radius:25px;color:#fff6;height:36px;outline:none;padding:1px 0 1px 25px;width:93%}.verification-code{display:flex;justify-content:space-between;width:100%}.verification-holder{margin-top:25%}.verification-holder h4{color:#9b9b9b;text-align:left}.verification-code input{background:#0000;border:2px solid #535353;border-radius:7px;color:#fff;font-size:20px;height:45px;outline:none;text-align:center;width:45px}.cp-inputs{margin-top:25%}.cp-inputs input{background:#0000;border:1px solid #ffffff4d;border-radius:25px;color:#fff6;height:36px;outline:none;padding:1px 0 1px 25px;width:93%}.cp-confirm-password{margin-top:25px}.coming-soon-container{margin-top:250px}.glow-text{animation:pulse 2.5s ease-in-out infinite;color:#fff;font-family:Orbitron,sans-serif;font-size:5rem;font-weight:900;letter-spacing:8px;text-shadow:0 0 10px #00ddeb,0 0 20px #00ddeb,0 0 40px #f0f6,0 0 80px #ff00ff73;text-transform:uppercase}.sub-text{animation:fadeIn 3s ease-in-out;color:#d1d1e0;font-family:Roboto,sans-serif;font-size:1.5rem;letter-spacing:2px;margin-top:20px;opacity:.9;text-shadow:0 0 5px #ffffff4d}@keyframes pulse{0%{text-shadow:0 0 10px #00ddeb,0 0 20px #00ddeb,0 0 40px #f0f,0 0 80px #f0f}50%{text-shadow:0 0 15px #00ddeb,0 0 30px #00ddeb,0 0 60px #f0f,0 0 120px #f0f}to{text-shadow:0 0 10px #00ddeb,0 0 20px #00ddeb,0 0 40px #f0f,0 0 80px #f0f}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}@media (max-width:768px){.glow-text{font-size:3rem;letter-spacing:5px}.sub-text{font-size:1.2rem;padding:0 20px;text-align:center}}
/*# sourceMappingURL=main.3a7342d7.css.map*/