@import"https://fonts.googleapis.com/css2?family=Prompt:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:wght@200&family=Titillium+Web:wght@200&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:wght@200&family=Open+Sans:wght@300&family=Titillium+Web:wght@200&display=swap";@import"https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap";@import"https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Marck+Script&family=Oooh+Baby&display=swap";@import"https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Marck+Script&family=Oooh+Baby&family=Wix+Madefor+Text&display=swap";@import"https://fonts.googleapis.com/css2?family=Geologica:wght@100&family=La+Belle+Aurore&family=Marck+Script&family=Oooh+Baby&family=Wix+Madefor+Text&display=swap";.App{text-align:center}::-webkit-scrollbar{background-color:#ff24c8}::-webkit-scrollbar-track{background-color:#2c0249;background-image:url(/assets/night-bg-eb0c1aff.png)}.App::-webkit-scrollbar-thumb{background-color:pink}::-webkit-scrollbar-thumb:hover{background-image:url(/assets/bar1-3a2f07fd.gif);transition:1s}::-webkit-scrollbar-thumb{background-color:#6f03a4;border-radius:13px}.bg{background-attachment:fixed;background-image:url(/assets/nightnomoon-4011cfef.png);animation:transitionIn .2s;z-index:5000;overflow:hidden}.li-container{display:flex;justify-content:center;height:140px;background-color:#23003496;font-family:Geologica,sans-serif}.nav-links{width:1200px;display:flex;justify-content:space-evenly;list-style-type:none;font-size:18px;font-weight:500}.nav-links li{height:48px;text-align:center;padding-top:10px;color:#fff;margin:20px;letter-spacing:2px;position:relative;cursor:pointer}.nav-links li:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fbff80;transform:scaleX(0);transform-origin:right;transition:transform .2s ease-in-out}.nav-links li:hover:before{transform:scaleX(1);transform-origin:left}li{transition:.2s ease-in-out}li:hover{transform:scale(1.1);color:#fbff80}.language-container{display:flex;flex-direction:row;position:absolute;right:8%;top:7%;align-items:center;text-align:center;justify-content:center}.languageEn{padding:6px;color:#fff;font-weight:100;font-family:Geologica,sans-serif;cursor:pointer}.languageEs{padding:6px;color:#fff;font-family:Geologica,sans-serif;font-weight:100;cursor:pointer}.languageEn:hover{background:rgba(181,21,255,.451);transition:.5s;border-radius:50%}.languageEs:hover{background:rgba(175,2,255,.469);transition:.5s;border-radius:50%}.languageEn.active,.languageEs.active{color:violet}.burger-btn{display:flex;flex-direction:column;width:3rem;height:3rem;border:0;background:transparent;display:none}.burger-btn>*{margin-bottom:.65rem}.burger-btn.active div{background-color:#fcfbfbfe}.burger-btn div{background-color:#fefefe;height:2px;width:100%;border-radius:5px;transition:all .5s;transform-origin:left}.burger-btn:hover div:first-child{transform:rotate(45deg)}.burger-btn:hover div:nth-child(2){opacity:0}.burger-btn:hover div:last-child{transform:rotate(-45deg)}@media (max-width: 1300px){.nav-links{font-size:15px}.language-container{right:8%;top:9%}}@media (max-width: 900px){.burger-btn{display:flex;position:absolute;top:20px;right:10px;border:0;background:transparent;z-index:10}.li-container{display:flex;flex-direction:column;position:absolute;top:0px;width:100%;background-image:url(/assets/cloudstablet-aa1518d7.png);background-size:cover;justify-content:center;align-items:center;transform:translateY(-100%);z-index:9;height:1000px;transition:.5s}.li-container.active{transform:translate(0);transition:.5s;display:flex;flex-direction:column;position:absolute;top:0px;width:100%}.li-container.active:after{display:flex;flex-direction:column;position:absolute;top:0px;width:100%;height:700px}.nav-links{display:flex;flex-direction:column;font-size:30px;max-width:90%}.nav-links li{height:70px}.nav-links li:before{display:none}.burger-btn.active+.li-container .nav-links{display:block;transition:.5s}.language-container{right:78%;top:3%}}@media (max-width: 500px){.burger-btn{display:flex;position:absolute;top:20px;right:10px;border:0;background:transparent;z-index:10}.li-container{display:flex;flex-direction:column;position:absolute;top:0px;width:100%;background-image:url(/assets/cloudsmobile-ab792044.png);justify-content:center;align-items:center;transform:translateY(-100%);z-index:9;height:900px;transition:.5s}.li-container.active{transform:translate(0);transition:.5s;display:flex;flex-direction:column;position:absolute;top:0px;width:100%}.li-container.active:after{display:flex;flex-direction:column;position:absolute;top:0px;width:100%;height:700px}.nav-links{display:flex;flex-direction:column;font-size:17px;padding-bottom:240px}.nav-links li{height:30px}.nav-links li:before{content:"";position:absolute;top:40px;width:10%;left:45%;height:1px;transition:.5s}.burger-btn.active+.li-container .nav-links{display:block;transition:.5s}}.home-section{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:150px;height:627px}.hi{position:absolute;top:28%;color:#fff;letter-spacing:16px;font-size:25px;font-weight:100;font-family:Geologica,sans-serif}.secondary-text{color:#fff;position:absolute;top:46%;font-size:17px;font-weight:100;font-family:Geologica,sans-serif;letter-spacing:17px}.frontend-box{display:flex;flex-direction:column;align-items:center}.frontend-text{color:#fff;font-size:50px;position:absolute;line-height:110px;display:flex;flex-direction:column;top:45%}.front-span{letter-spacing:30px;margin-left:20px}.dev-span{font-size:80px;letter-spacing:10px;line-height:10px}.welcome-portfolio{color:#fff}.container-welcome{background-color:#2d023efa;border-radius:12px;width:500px;height:60px;padding-top:15px;letter-spacing:2px;position:absolute;top:70%}.container-welcome span{font-size:25px;font-weight:800;color:#fff0}.container-welcome>span{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{color:#ff00d0;text-shadow:0 0 12px rgb(179,0,255),0 0 50px rgb(179,0,255),0 0 100px rgb(179,0,255)}10%,90%{color:#ff05ff44;text-shadow:none}}.container-welcome>span:nth-child(2){animation-delay:.25s}.container-welcome>span:nth-child(3){animation-delay:.5s}.container-welcome>span:nth-child(4){animation-delay:.75s}.container-welcome>span:nth-child(5){animation-delay:1s}.container-welcome>span:nth-child(6){animation-delay:1.25s}.container-welcome>span:nth-child(7){animation-delay:1.5s}.container-welcome>span:nth-child(8){animation-delay:1.75s}.container-welcome>span:nth-child(9){animation-delay:2s}.container-welcome>span:nth-child(10){animation-delay:2.25s}.container-welcome>span:nth-child(11){animation-delay:2.5s}.container-welcome>span:nth-child(12){animation-delay:2.75s}.container-welcome>span:nth-child(13){animation-delay:3s}.container-welcome>span:nth-child(14){animation-delay:3.25s}.container-welcome>span:nth-child(15){animation-delay:3.5s}.container-welcome>span:nth-child(16){animation-delay:3.75s}.container-welcome>span:nth-child(17){animation-delay:4s}.container-welcome>span:nth-child(18){animation-delay:4.25s}.container-welcome>span:nth-child(19){animation-delay:4.5s}.container-welcome>span:nth-child(20){animation-delay:4.75}.h1-intro{font-size:110px;color:#a967ff00;-webkit-text-stroke:1px rgba(255,251,255,.986);-webkit-background-clip:text;background-image:url(/assets/back2-dbbaeece.png);background-position:0 0;animation:back 30s linear infinite;position:absolute;top:22%}@keyframes back{to{background-position:2000px 0}}.astro2{width:400px;position:absolute;top:20%;left:4%;animation:astrofloat2 20s linear infinite}@keyframes astrofloat2{0%{transform:rotate(0) translate(10px)}25%{transform:rotate(10deg) translate(10px)}50%{transform:rotate(0) translate(10px)}75%{transform:rotate(-10deg) translate(10px)}to{transform:rotate(0) translate(10px)}}@media (max-width: 900px){.astro2{width:300px;top:67%;left:31%;z-index:7}.home-section{height:1000px;margin-top:0}.h1-intro{top:10%;font-size:90px}.hi{top:13%}.secondary-text{top:30%}.frontend-text{position:absolute;top:27%}.h2-desarrolladora{font-size:45px;font-weight:100;letter-spacing:6px}.container-welcome{position:absolute;top:53%}}@media (max-width: 550px){.home-section{height:100vh;max-width:100%}.astro2{width:200px;top:55%;left:27%}.h1-intro{top:12%;font-size:40px;line-height:55px}.hi{top:13%;font-size:15px}.secondary-text{top:23.5%;font-size:10px}.front-span{font-size:20px;letter-spacing:17px}.dev-span{font-size:30px}.frontend-text{line-height:90px;top:22%}.h2-desarrolladora{font-size:25px;font-weight:100;letter-spacing:6px}.container-welcome{top:44%;width:300px;height:40px;font-size:10px}.container-welcome span{font-size:15px}}.container{position:relative;max-width:100%;height:auto;overflow:hidden;background-image:url(/assets/askyfullofstars2-7d7a1a37.png);background-size:cover}.about-container{align-items:center;display:flex;position:absolute;top:0;left:0;max-width:100%;height:100%}.text-img-box{display:flex;transition:ease-in-out .5s;flex-direction:column;align-items:center;margin-top:50px}.h2-pic-cv{display:flex;flex-direction:row;align-items:center}.h2-abt{color:#fff;font-size:70px;margin-right:140px;position:relative}.h2-abt:after{content:"";position:absolute;bottom:-2px;left:20%;width:100%;height:2px;background-color:#fff;transition:left .3s ease-out}.h2-abt:hover:after{left:0}.h2-abt span{color:transparent;-webkit-text-stroke:1px white;letter-spacing:4px}.pic-cv{background-color:#1e0032e9;display:flex;flex-direction:row;justify-content:center;align-items:center;width:560px;height:310px}.linkedin-pic{width:220px;height:270px;transition:.7s ease-in-out}.linkedin-pic:hover{transition:.7s ease-in-out;transform:rotate(4deg)}.a-neon{position:relative;width:100px;padding:20px 60px;display:flex;justify-content:center;align-items:center;background-color:#00000069;margin:40px;transition:1s;text-decoration:none;overflow:hidden;font-family:Geologica,sans-serif;-webkit-box-reflect:below 1px linear-gradient(transparent,transparent,rgba(128,128,128,.394))}.a-neon:hover{background:var(--clr);box-shadow:0 0 10px var(--clr),0 0 30px var(--clr),0 0 60px var(--clr),0 0 100px var(--clr)}.a-neon:before{content:"";position:absolute;width:40px;height:400%;background:var(--clr);transition:1s;animation:animate 2s linear infinite}.a-neon:hover:before{width:120%}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.a-neon:after{content:"";position:absolute;inset:4px;background-color:#390241;transition:.5s}.a-neon:hover:after{background:var(--clr)}.a-neon span{position:relative;z-index:1;font-size:2em;color:#fff;opacity:.8;text-transform:uppercase;letter-spacing:4px}.a-neon:hover span{opacity:1}.container2{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0;flex-wrap:wrap}.container2 h2{font-size:22px;width:400px;font-family:Geologica,sans-serif}.container2 p{font-size:19px;margin:30px;font-weight:100;font-family:Geologica,sans-serif}.container2 .box2{position:relative;width:400px;height:450px;color:#fff;background-color:#000;display:flex;justify-content:center;align-items:center;margin:20px 50px;transition:.5s;font-family:Open Sans,sans-serif}.container2 .box2:hover{transform:translateY(-20px)}.container2 .box2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,yellow,deeppink)}.container2 .box2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgb(255,213,0),deeppink);filter:blur(30px)}.container2 .box2:nth-child(2):before,.container2 .box2:nth-child(2):after{background:linear-gradient(315deg,rgb(255,0,128),rgb(157,0,255))}.container2 .box2:nth-child(3):before,.container2 .box2:nth-child(3):after{background:linear-gradient(315deg,rgb(82,255,14),rgb(0,174,255))}.container2 .box2 span{position:absolute;top:6px;left:6px;right:6px;bottom:6px;background-color:#0009;z-index:2}.container2 .box2 span:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background-color:#ffffff1a;pointer-events:none}.container2 .box2 .content{z-index:10;padding:20px 40px}.container2 .box2 .container2 h2{font:2em;color:#fff;margin-bottom:10px}.container2 .box2 .container2 p{font:1.1em;color:#fff;margin-bottom:10px;line-height:1.4em}@media (max-width: 1400px){.h2-pic-cv{flex-direction:column}.container{height:auto}}@media (max-width: 1017px){.h2-pic-cv{flex-direction:column;text-align:center;align-items:center}.container{height:2300px;background-image:url(/assets/askyfullofstars2mobile2-48d16e15.png)}}@media (max-width: 550px){.container{height:2400px}.box2{text-align:center;align-items:center;justify-content:center}.content{max-width:100%}.container2 h2{width:300px;text-align:center}.container2 p{width:240px;font-size:18px}.h2-abt{font-size:33px;max-width:70%;margin-right:0}.pic-cv{flex-direction:column;height:480px;width:300px}.h2-abt:after{width:200px}.a-neon{width:80px;height:30px;font-size:14px}.container2 .box2{width:300px;height:500px}.box2 .gettoknowme{font-size:18px}}.skills-container{height:auto;font-family:Karla,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.tools-text{color:#fff;font-size:35px;margin-top:0;padding-bottom:90px;font-weight:100;letter-spacing:10px;font-family:Geologica,sans-serif}.skills-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;justify-content:center;align-items:center;max-width:870px;margin:0 auto;padding:0 20px}.skills-box{position:relative;background-color:#404040;width:100%;height:140px;color:#fff;font-size:50px;display:flex;flex-direction:column;justify-content:center;transition:1s;overflow:hidden}.skills-box:hover{box-shadow:0 0 10px var(--clr),0 0 30px var(--clr),0 0 60px var(--clr);color:var(--clr)}.skills-box:before{content:"";position:absolute;width:40px;height:400%;background:var(--clr);transition:1s;animation:animate3 2s linear infinite}.skills-box:hover:before{width:120%}@keyframes animate3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-box:after{content:"";position:absolute;inset:4px;background-color:#dcadf4;transition:.5s}.skills-box span{font-size:16px;font-weight:600;position:relative;z-index:1;opacity:1}.skills-box .icon{z-index:1;opacity:1}.icon span:hover{color:#00f;box-shadow:0 0 10px var(--clr),0 0 30px var(--clr),0 0 60px var(--clr),0 0 100px var(--clr)}@media (max-width: 1100px){.skills-section{max-width:70%}}@media (max-width: 768px){.skills-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:500px;padding:0 10px}.skills-box{height:120px;font-size:40px}.skills-container{max-width:100%}}@media (max-width: 719px){.skills-section{max-width:400px}}@media (max-width: 500px){.skills-section{grid-template-columns:repeat(2,1fr);max-width:450px}.tools-text{font-size:15px}}.container-max{background-image:url(/assets/night2-bg-9e0ab32f.jpg);background-size:cover;background-color:#000;position:absolute;height:100vh;display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap;overflow:hidden;background-position:0 0;animation:moon 30s linear infinite}.container-max:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(#000,rgba(255,0,166,.292),#000)}.container-max .bg-span{position:relative;display:block;width:calc(6.25vw - 3px);height:calc(6.25vw - 3px);background:#a861ff52;z-index:2;transition:1s}.container-max .bg-span:hover{background:rgba(255,0,217,.577);transition:.2s}.container-max .contact-container{position:absolute;width:500px;height:750px;background:rgba(50,50,50,.411);z-index:5;display:flex;justify-content:center;align-items:center;padding:40px;border-radius:4px;box-shadow:0 15px 35px #000}.container-max .contact-container .content-contact{position:relative;top:-70px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px;padding-right:14px}.container-max .contact-container .content-contact h2{font-size:2em;color:#fff;text-transform:uppercase;letter-spacing:5px;height:20px;font-weight:100}.container-max .contact-container .content-contact .form{width:100%;display:flex;flex-direction:column;gap:25px}.container-max .contact-container .content-contact .form .input-box{position:relative;width:100%}.container-max .contact-container .content-contact .form .input-box-message textarea{position:relative;height:150px;width:100%;background-color:#fffffff8;border:none;outline:none;padding:25px 10px 7.5px;border-radius:4px;color:#000;font-size:17px;font-family:Geologica,sans-serif}.container-max .contact-container .content-contact .form .input-box-message{position:relative;width:100%}.container-max .contact-container .content-contact .form .input-box input{position:relative;width:100%;background-color:#fff;border:none;outline:none;padding:25px 10px 7.5px;border-radius:4px;color:#000;font-size:18px;font-family:Geologica,sans-serif;font-weight:100}.container-max .contact-container .content-contact .form .input-box i{position:absolute;left:0;top:0;padding:15px 10px;font-style:normal;color:#ff00ae;transition:.3s;pointer-events:none}.container-max .contact-container .content-contact .form .input-box-message i{position:absolute;left:0;top:0;padding:15px 10px;font-style:normal;color:#ff00ae;transition:.2s;pointer-events:none}.contact-container .content-contact .form .input-box-message textarea:focus~i,.contact-container .content-contact .form .input-box-message textarea:valid~i{transform:translateY(-7.5px);font-size:.8em}.contact-container .content-contact .form .input-box input:focus~i,.contact-container .content-contact .form .input-box input:valid~i{transform:translateY(-7.5px);font-size:.8em}.container-max .content-contact .form .input-box button{padding:10px;background:rgb(217,0,255);color:#fcfcfc;font-weight:600;font-size:1.25em;letter-spacing:.1em;cursor:pointer;height:50px;width:400px;border:none;outline:none;border-radius:5px;transition:.2s}.container-max .content-contact .form .input-box button:hover{box-shadow:inset 5px 5px 2px #00000042;transition:.2s}:root{--bg: #38003eff}.effect3{position:absolute;top:85%;left:15%;display:flex;gap:50px;flex-direction:row}ul .red-li{position:relative;list-style:none;width:80px;height:80px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.5s}ul .red-li:before{content:"";position:absolute;inset:20px;box-shadow:0 0 0 10px var(--clr),0 0 0 20px var(--bg),0 0 0 22px var(--clr);transition:.5s}ul .red-li:after{content:"";position:absolute;inset:0;background:var(--bg);transform:rotate(15deg);transition:.5s}ul .red-li a{position:relative;text-decoration:none;z-index:5;display:flex;justify-content:center;align-items:center}ul .red-li a .fonticon{font-size:2em;transition:.5s;color:var(--clr)}ul .red-li:hover a .fonticon{transform:translateY(-25%)}ul .red-li a .icon-span{position:absolute;color:var(--clr);opacity:0;transition:.5s;transform:scale(0) translateY(50%)}ul .red-li:hover a .icon-span{opacity:1;transform:scale(1) translateY(100%)}.effect3 .red-li:hover:before{inset:15px}.effect3 .red-li:hover:after{inset:0px;transform:rotate(0);background:var(--clr)}.effect3 .red-li:hover a .fonticon,.effect3 .red-li:hover a .icon-span{color:#fff}.modal{position:absolute;display:flex;flex-direction:column;top:31%;width:500px;height:320px;display:block;z-index:6;background:linear-gradient(315deg,rgba(255,0,128,.75),rgb(157,0,255));border:solid 3px rgba(174,0,255,.318)}.success-p{font-size:20px;color:#fff}.modal-show{transition:opacity 1s;display:none}.modal-close{color:#fff;width:140px;height:45px;font-size:17px;background:linear-gradient(315deg,rgb(255,135,7),rgb(255,1,204));border:none;border-radius:7%;box-shadow:2px 2px 2px #00000046;transition:.5s}.modal-close:hover{transition:.5s;box-shadow:inset 2px 2px #0000003e}.astro5{height:190px}.error-p{position:absolute;top:96%;left:22%;color:red}@media (max-width: 1280px){.container-max{height:130vh}.container-max .bg-span{width:calc(10vw - 2px);height:calc(10vw - 2px)}}@media (max-width: 650px){.container-max{height:100vh}.container-max .bg-span{width:calc(20vw - 2px);height:calc(20vw - 2px)}.container-max .contact-container .content-contact{position:relative;top:-30px;gap:20px}.container-max .contact-container{width:200px;height:500px;top:9%}.error-p{left:2%}.modal{width:350px;right:-40%}.input-box{width:50px}.container-max .contact-container .content-contact .form .input-box,.container-max .contact-container .content-contact .form .input-box-message{width:170px}.container-max .contact-container .content-contact .form .input-box-message textarea{height:70px}.container-max .contact-container .content-contact .form .input-box input{height:15px}.container-max .contact-container .content-contact .form .input-box i{font-size:14px}.effect3{position:absolute;top:100%;left:-9%;flex-direction:row;margin-top:30px}ul .red-li{width:50px;height:50px}.container-max .content-contact .form .input-box button{width:190px;height:40px;font-size:16px;font-weight:200}.container-max .contact-container .content-contact h2{font-size:24px;letter-spacing:2px;font-weight:100}.contact-container .content-contact .form .input-box input:focus~i,.contact-container .content-contact .form .input-box input:valid~i{font-size:.5em}ul .red-li:hover a .icon-span{font-size:12px}}@media (max-width: 360px){.container-max{height:110vh}.modal{width:300px;right:-30%}}.certificate-container{height:130vh;background-image:url(/assets/nighttransparent-f65fa7d6.png);background-size:cover;display:flex;justify-content:center;flex-direction:column;align-items:center}.certificate-container h2{color:#fff;font-size:30px;letter-spacing:20px;font-weight:100}.certificate-images{display:flex;flex-direction:column}.two-img{display:flex;flex-direction:row}.cert-img{width:480px;margin:20px;transition:1s}.cert-img:hover{transition:1s;transform:scale(1.8);transform-origin:center;z-index:200}@media (max-width: 1400px){.certificate-container{height:150vh}}@media (max-width: 1100px){.cert-img{width:370px}.cert-img:hover{transform:scale(1.1)}}@media (max-width: 900px){.certificate-container{padding-top:300px;height:auto}.two-img{flex-direction:column;align-items:center}.cert-img{max-width:90%}.certificate-container h2{font-size:25px}}@media (max-width: 600px){.certificate-container h2{font-size:23px;letter-spacing:4px;margin-bottom:40px}}.box-body{display:flex;justify-content:center;align-items:center;height:160vh;background-image:url(/assets/cloud2-dba8dfeb.png);background-size:cover;flex-direction:column;position:relative}.myproject{position:absolute;top:0%;z-index:100}.myproject span{font-size:55px;font-weight:100;color:#f00fb800;font-family:Geologica,sans-serif}.myproject>span{animation:glowh2 2s ease-in-out infinite}@keyframes glowh2{0%,to{color:#fff5fd;text-shadow:0 0 12px rgb(179,0,255),0 0 50px rgb(179,0,255),0 0 100px rgb(179,0,255)}10%,90%{color:#ff05ff44}}.myproject>span:nth-child(2){animation-delay:.25s}.myproject>span:nth-child(3){animation-delay:.5s}.myproject>span:nth-child(4){animation-delay:.75s}.myproject>span:nth-child(5){animation-delay:1s}.myproject>span:nth-child(6){animation-delay:1.25s}.myproject>span:nth-child(7){animation-delay:1.5s}.myproject>span:nth-child(8){animation-delay:1.75s}.myproject>span:nth-child(9){animation-delay:2s}.myproject>span:nth-child(10){animation-delay:2.25s}.project-container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:100px 50px}.project-container .card{position:relative;width:450px;height:350px;background:#ffffff1f;border-radius:20px;box-shadow:0 35px 80px #00000034;transition:.5s}.project-container .card:hover{height:400px}.project-container .card .imgBx{position:absolute;top:20px;left:25px;width:400px;height:220px;background:#333;border-radius:12px;overflow:hidden;transition:.5s;align-items:center}.project-container .card:hover .imgBx{top:-100px;scale:.75;box-shadow:0 15px 45px #00000060}.project-container .card .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.project-container .card .content{position:absolute;top:252px;width:100%;height:55px;overflow:hidden;text-align:center;transition:.5s}.project-container .card:hover .content{top:130px;height:250px}.project-container .card .content h2{font-size:1.5em;font-weight:700;color:var(--clr)}.project-container .card .content p{color:#fdfdfd}.project-container .card .content a{position:relative;top:15px;display:inline-block;padding:12px 25px;background:var(--clr);color:#fff;font-weight:500;text-decoration:none;border-radius:8px}@media (max-width: 1500px){.box-body{height:auto;margin-bottom:300px;margin-top:300px}.myproject{top:-10%}}@media (max-width: 930px){.box-body{background-image:url(/assets/cloudstablet-aa1518d7.png)}.myproject{top:-3%}}@media (max-width: 650px){.project-container .card{width:350px;height:250px}.project-container .card .imgBx{position:absolute;top:20px;width:300px;height:170px}.project-container .card .content{position:absolute;top:180px;width:100%}.myproject span{font-size:30px}}.imagelist-container{height:100vh;background-image:url(/assets/askyfullofstars2-7d7a1a37.png);background-size:cover;position:relative;justify-content:center;align-items:center;margin-top:150px}.art-text{color:#fff;font-size:2em;position:absolute;top:-10%;z-index:2;letter-spacing:20px;font-weight:100}.imagelist2{max-width:80%;z-index:1}.container-draw-box{display:flex;align-items:center;flex-direction:column}.imagelist2::-webkit-scrollbar{width:20px}.imagelist2::-webkit-scrollbar-track{background-color:#f1f1f1}.imagelist2::-webkit-scrollbar-thumb{background-color:pink}.imagelist2::-webkit-scrollbar-thumb:hover{background-color:#ff69b4}.imagelist2 img{transition:transform .3s ease}.imagelist2 .MuiImageListItem-root{overflow:visible;position:relative}.imagelist2 .MuiImageListItem-root:hover{transform:scale(1.1);z-index:1;box-shadow:0 0 10px #0000004d;transform-origin:center}.bubbles{display:flex;z-index:0;max-width:100%}.bubbles span{position:relative;width:20px;height:20px;background-color:#fc52fc;margin:0 40px;border-radius:50%;box-shadow:0 0 10px #f373ee,0 0 50px #f89af5f0,0 0 100px #f79bf4;animation:animatelights 15s linear infinite;animation-duration:calc(125s / var(--i));animation-fill-mode:both}.bubbles span:nth-child(even){background-color:#a93ff9fd;box-shadow:0 0 10px #a929fefd,50px 50px 50px #c885fbfd,0 0 100px #ca91f5fd}@keyframes animatelights{0%{transform:translateY(100vh) scale(0)}to{transform:translateY(0) scale(1)}}.exp-box{max-width:100%;display:flex;justify-content:center;align-items:center}.box-art{position:relative;max-width:60%;height:100px;color:#fff;background-color:#000;display:flex;justify-content:center;align-items:center;transition:.5s;font-family:Open Sans,sans-serif;z-index:999}.box-art p{font-size:19px;margin:30px;letter-spacing:3px;font-family:Geologica,sans-serif;font-weight:100}.box-art:hover{transform:translateY(-10px)}.box-art:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(315deg,rgb(255,0,128),rgb(157,0,255))}.box-art:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgb(174,0,255),deeppink);filter:blur(30px)}.box-art span{position:absolute;top:6px;left:6px;right:6px;bottom:6px;background-color:#00000090;z-index:2}.box-art span:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background-color:#ffffff1a;pointer-events:none}.box-art .content{z-index:10;padding:20px 40px}.astro4{position:absolute;top:49%;left:22%;width:300px;z-index:999}.bubbletalk{position:absolute;width:300px;height:200px;left:11%;top:40%;z-index:1000}.details-p{position:absolute;width:200px;top:44%;left:13%;font-size:20px;z-index:999;letter-spacing:1px;font-family:Geologica,sans-serif;font-weight:100;z-index:1001}@media (max-width: 1400px){.imagelist-container{height:auto}.astro4{left:10%;top:57%}.box-art{max-width:70%}.box-art p{font-size:15px}.bubbletalk{left:1%;width:230px;height:180px;top:50%}.details-p{left:1.6%;top:54%}}@media (max-width: 1100px){.imagelist-container{height:auto;background-image:url(/assets/askyfullofstars2mobile2-48d16e15.png)}.art-text{font-size:30px}.imagelist2{width:300px;left:16%;height:1500px}.MuiImageListItem-root{height:250px}.imagelist2 img{width:200px;height:200px}.astro4{top:100%;left:32%}.bubbletalk{top:98%;width:200px;height:160px;left:18%}.details-p{top:101%;width:120px;height:130px;left:22%;font-size:15px}}@media (max-width: 768px){.imagelist-container{height:auto}.art-text{align-items:center}.imagelist2{left:12%}.box-art{max-width:100%}.box-art p{width:300px}.astro4{top:99%}.bubbletalk{top:98%}.details-p{top:101%;left:24%;font-size:15px}}@media (max-width: 500px){.art-text{font-size:20px}.box-art{top:83%}.box-art p{width:240px;font-size:12px}.astro4{top:98%;width:220px}.bubbletalk{top:98%;width:130px;height:120px;left:8%}.details-p{top:100%;width:70px;height:130px;left:16%;font-size:11px}}.intro-container{position:relative;height:100vh;background-image:url(/assets/purplenight-d596ed51.png);overflow:hidden}.section-intro{width:100%;height:100vh;background-size:cover;animation:stars 5s linear infinite}@keyframes stars{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.section-intro span{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fdfcfd6a;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #fffbff;animation:stars2 3s linear infinite}@keyframes stars2{0%{transform:rotate(315deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translate(-1000px);opacity:0}}.section-intro span:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#fff,transparent)}.section-intro span:nth-child(1){top:0;right:0;left:initial;animation-delay:0;animation-duration:1s}.section-intro span:nth-child(2){top:0;right:80px;left:initial;animation-delay:.2s;animation-duration:3s}.section-intro span:nth-child(3){top:80px;right:0px;left:initial;animation-delay:.4s;animation-duration:2s}.section-intro span:nth-child(4){top:0;right:180px;left:initial;animation-delay:.6s;animation-duration:1.5s}.section-intro span:nth-child(5){top:0;right:400px;left:initial;animation-delay:.8s;animation-duration:2.5s}.section-intro span:nth-child(6){top:0;right:600px;left:initial;animation-delay:1s;animation-duration:3s}.section-intro span:nth-child(7){top:300px;right:0px;left:initial;animation-delay:1.2s;animation-duration:1.75s}.section-intro span:nth-child(8){top:0;right:700px;left:initial;animation-delay:1.4s;animation-duration:1.25s}.section-intro span:nth-child(9){top:0;right:1000px;left:initial;animation-delay:.75s;animation-duration:2.25s}.section-intro span:nth-child(10){top:0;right:450px;left:initial;animation-delay:2.75s;animation-duration:2.25s}.stars-section i{position:absolute;top:30%;width:4px;height:4px;background:#ffffffea;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 2px #ffffff52,0 0 6px #fffbff44;animation:stars3 2s linear infinite}.stars-section i:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:1px;background:linear-gradient(90deg,#fff,transparent)}@keyframes stars3{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}.stars-section i:nth-child(1){top:300px;right:0;animation-delay:0;animation-duration:1s}.stars-section i:nth-child(2){top:330px;right:180px;animation-delay:.2s;animation-duration:3s}.stars-section i:nth-child(3){top:800px;right:0px;animation-delay:.4s;animation-duration:2s}.stars-section i:nth-child(4){top:80px;right:180px;animation-delay:.6s;animation-duration:1.5s}.stars-section i:nth-child(5){top:60px;right:400px;animation-delay:.8s;animation-duration:2.5s}.stars-section i:nth-child(6){top:160px;right:600px;animation-delay:1s;animation-duration:3s}.stars-section i:nth-child(7){top:300px;right:0px;animation-delay:1.2s;animation-duration:1.75s}.stars-section i:nth-child(8){top:600px;right:700px;left:initial;animation-delay:1.4s;animation-duration:1.25s}.stars-section i:nth-child(9){top:100px;right:1000px;left:initial;animation-delay:.75s;animation-duration:2.25s}.stars-section i:nth-child(10){top:450px;right:450px;left:initial;animation-delay:2.75s;animation-duration:2.25s}.stars-section i:nth-child(11){top:800px;right:300px;animation-delay:0;animation-duration:1s}.stars-section i:nth-child(12){top:200px;right:680px;animation-delay:.2s;animation-duration:3s}.stars-section i:nth-child(13){top:530px;right:560px;animation-delay:.4s;animation-duration:2s}.stars-section i:nth-child(14){top:80px;right:380px;animation-delay:.6s;animation-duration:1.5s}.stars-section i:nth-child(15){top:60px;right:200px;animation-delay:.8s;animation-duration:2.5s}.stars-section i:nth-child(16){top:460px;right:600px;animation-delay:1s;animation-duration:3s}.stars-section i:nth-child(7){top:300px;left:10px;animation-delay:1.2s;animation-duration:1.75s}.stars-section i:nth-child(18){top:900px;right:700px;left:initial;animation-delay:1.4s;animation-duration:1.25s}.stars-section i:nth-child(19){top:300px;right:400px;left:initial;animation-delay:.75s;animation-duration:2.25s}.stars-section i:nth-child(20){top:450px;right:150px;left:initial;animation-delay:2.75s;animation-duration:2.25s}.moon2{animation:rotate 27s infinite linear;position:absolute;width:1300px;top:300px;left:-200px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.astro{position:absolute;top:37.4%;left:44%;width:340px;z-index:4000;animation:astrofloat 20s linear infinite}@keyframes astrofloat{0%{transform:rotate(0) translate(0)}25%{transform:rotate(10deg) translate(0)}50%{transform:rotate(0) translate(10px)}75%{transform:rotate(-10deg) translate(10px)}to{transform:rotate(0) translate(10px)}}.explore{position:relative;position:absolute;top:30%;left:45%;z-index:6000;width:100px;padding:20px 60px;display:flex;justify-content:center;align-items:center;background-color:#ae00ff;margin:40px;transition:1s;text-decoration:none;overflow:hidden;-webkit-box-reflect:below 1px linear-gradient(transparent,transparent,rgba(128,128,128,.394))}.explore:hover{background:var(--clr);box-shadow:0 0 10px var(--clr),0 0 30px var(--clr),0 0 60px var(--clr),0 0 100px var(--clr)}.explore:before{content:"";position:absolute;width:400px;height:400%;transition:1s;animation:exp 2s linear infinite}.explore:hover:before{width:120%}@keyframes exp{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.explore:after{content:"";position:absolute;inset:4px;background-image:url(/assets/moonanime-93cbdc12.png);transition:.5s}.explore:hover:after{background:var(--clr)}.explore span{position:relative;z-index:1;font-size:2em;color:#fff;opacity:.8;text-transform:uppercase;letter-spacing:4px}.explore:hover span{opacity:1}@media (max-width: 900px){.intro-container{background-size:cover}.explore,.astro{left:33%}.moon2{top:50%;left:30%}}@media (max-width: 500px){.explore{width:60px;height:30px;left:15%;font-size:13px}.astro{left:7%;width:300px}.moon2{top:30%;left:-40%}}.toTop{position:fixed;bottom:10%;right:2%;z-index:9999}.rocket-box{height:600px}.rocket-container{position:absolute;bottom:1%;right:2%;transform:translate(-50%);cursor:pointer;transition:all 2.5s}.rockett img{z-index:10000}.rockett:before{content:"";position:absolute;top:95%;left:50%;transform:translate(-50%);height:0px;width:18px;background:linear-gradient(rgb(74,225,255),rgb(150,4,255),transparent);transition:all 2.5s}.rockett:after{content:"";position:absolute;top:95%;left:50%;transform:translate(-50%);height:0px;width:25px;background:linear-gradient(rgb(74,225,255),rgb(150,4,255),transparent);filter:blur(15px);transition:all 2.5s}.rocket-container.active{bottom:30%}.rocket-container.active .rockett{animation:movement .2s 2s ease infinite}.rocket-container.active .rockett:before{height:220px}.rocket-container.active .rockett:after{height:300px}@keyframes movement{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media (max-width: 900px){.rocket-box img{width:40px}.rockett:after{width:13px;left:21px}.rockett:before{width:13px;left:21px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}