body{font-family:"Bogart";background-color:#111;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:"Bogart";src:local("Bogart"),url(/static/media/Bogart-Medium-trial.a803ce99.ttf) format("truetype")}@font-face{font-family:"Bogart-Thin";src:local("Bogart"),url(/static/media/Bogart-Light-trial.7a302717.ttf) format("truetype")}.app{position:relative;overflow:hidden;width:100%}.home .presentation-container{display:flex;max-width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:100px auto 0}.home .presentation-container .title-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%}.home .presentation-container .title-container .title{opacity:0;animation:fadeIn 2s .3s forwards;line-height:1;text-align:center;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;font-size:clamp(3rem,6vw,7rem);background:linear-gradient(241deg,#a0e9ff 20%,#185adb 50%,#f093b0 60%,#ae3838 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home .presentation-container .title-container .title2{animation:fadeIn 2s 3s forwards;font-family:Bogart-Thin;text-align:center;width:70%;font-size:clamp(.6rem,1.5vw,1.2rem);color:#a0e9ff;letter-spacing:1px;margin-top:clamp(20px,40px,60px);opacity:0}.home .presentation-container .image-container{opacity:0;animation:fadeInUp .5s 2s forwards;display:flex;align-items:center;justify-content:center;width:50%;max-height:70vh;overflow:hidden;background-color:#191919;border-radius:40px;position:relative}.home .presentation-container .image-container .image{max-width:150%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}80%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:452px){.home .presentation-container{width:80%;display:flex;flex-direction:column;justify-content:center}.home .presentation-container .title-container{width:100%}.home .presentation-container .image-container{width:100%;height:40vh;margin-top:20px}}.header{margin:10px auto;width:60%;height:10vh;justify-content:center;border-bottom:1px solid #a0e9ff;animation:fadeIn .6s 4s forwards}.header,.header .icons-container{display:flex;align-items:center;opacity:0}.header .icons-container{text-align:center;width:25%;justify-content:space-between;animation:fadeIn .5s 4s forwards}.header .icons-container .icon{color:#a0e9ff;font-size:clamp(1rem,2vw,2rem);cursor:pointer;transition:.4s ease-out}.header .icons-container .icon:hover{color:#a162e8;transform:scale(1.2)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.about{position:relative;width:100%;height:-webkit-max-content;height:-moz-max-content;z-index:200;overflow:hidden;height:max-content}.about .about-info-container{margin:0 auto;max-width:90%}.about .about-info-container .about-title{text-align:center;width:50%;margin-top:25%;font-size:clamp(1rem,3vw,2.5rem);background:linear-gradient(241deg,#a0e9ff 20%,#185adb 30%,#f093b0 60%,#ae3838 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-right:1px dotted #fff}.about .about-info-container .about-info{border-right:1px dotted #fff;color:#a0e9ff;text-align:center;width:50%;font-family:Bogart-Thin;padding:2% 8%;font-size:clamp(.6rem,1.5vw,1.2rem)}.about .about-info-container .about-info .span{color:#f093b0}.about .about-image{max-width:90%;transform:rotate(70deg);right:-65%;top:-10%}.about .about-image,.about .about-image2{z-index:-1;max-height:170vh;position:absolute}.about .about-image2{max-width:70%;transform:rotate(57deg);right:78%;top:50%}.skills{margin:10% auto 0;width:75%;height:-webkit-max-content;height:-moz-max-content;height:max-content;display:flex;flex-direction:column}.skills .skills-title{text-align:center;width:90%;margin:0 auto 5%;font-size:2rem;background:linear-gradient(241deg,#a0e9ff 20%,#185adb 30%,#f093b0 60%,#ae3838 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills .skills-image-container{margin:3% auto 0;padding-top:10%;border:3px solid #191919;border-radius:40px;background-image:url(/static/media/manPhoto7.cd834816.png);background-size:cover;background-position:bottom;height:70vh;width:50vw}.skills .skills-image-container .skills-icons-container{height:50%;text-align:center}.skills .skills-image-container .skills-icons-container .skills-icons{color:#fff;margin:0 5%;font-size:clamp(1.2rem,4vw,4rem)}.skills .skills-image-container .skills-icons-container .skills-icons.html{animation:float 2.5s ease-in-out infinite;color:#ff5200}.skills .skills-image-container .skills-icons-container .skills-icons.css{animation:float 4s ease-in-out infinite;color:#264de4}.skills .skills-image-container .skills-icons-container .skills-icons.react{animation:rotationFloating 15s ease-in-out infinite;transform:scale(1.5);color:#61dbfb}.skills .skills-image-container .skills-icons-container .skills-icons.redux{animation:float 5s ease-in-out infinite;color:#764abc}.skills .skills-image-container .skills-icons-container .skills-icons.git{animation:float 4s ease-in-out infinite;color:#f34f29}.skills .skills-image-container .skills-icons-container .skills-icons.javascript{animation:float 5s ease-in-out infinite;color:#f0db4f}.skills .skills-image-container .skills-icons-container .skills-icons.sass{animation:float 5s ease-in-out infinite;color:#c69}.skills .skills-image-container .skills-icons-container .skills-icons.photoshop{animation:float 6s ease-in-out infinite;color:#8bc3fc}.skills .skills-image-container .skills-icons-container .skills-icons.bootstrap{animation:float 3s ease-in-out infinite;color:#563d7c}@keyframes float{0%{transform:translatey(0)}50%{transform:scale(1.1) translatey(-20px)}to{transform:translatey(0)}}@keyframes rotationFloating{0%{transform:scale(1.3) translatey(-20px) rotate(0deg)}50%{transform:scale(1.3) translatey(-20px) rotate(359deg)}to{transform:scale(1.3) translatey(-20px) rotate(0deg)}}@media only screen and (max-width:1111px){.skills .skills-image-container{margin:15% auto 0;height:60vh;width:60vw}}@media only screen and (max-width:758px){.skills .skills-image-container{height:40vh;width:60vw}.skills .skills-image-container .skills-icons-container{padding-top:20px;height:50%;text-align:center}}.work{height:-webkit-max-content;height:-moz-max-content;height:max-content;position:relative;display:flex;flex-direction:column}.work .work-title{text-align:center;width:100%;font-size:clamp(1rem,3vw,2.5rem);background:linear-gradient(241deg,#a0e9ff 20%,#a162e8 30%,#f093b0 60%,#ae3838 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:20% 0 0}.work .about-image2{position:absolute;max-width:70%;max-height:190vh;transform:rotate(240deg);right:75%;top:10vh}.work .work-proyects-container{height:90vh;width:63%;margin:10% 0 0 30%;z-index:10;border-radius:40px}.work .work-proyects-container .work-proyect{border-radius:40px;display:flex;height:50%;margin-bottom:10%}.work .work-proyects-container .work-proyect .work-proyect-info{margin:auto 0;display:flex;justify-content:center;align-items:center;flex-direction:column;height:60%;width:40%;color:#a0e9ff;text-align:center;font-family:Bogart-Thin;padding:6%;font-size:clamp(.55rem,1.5vw,1.2rem);background-color:#191919}.work .work-proyects-container .work-proyect .work-proyect-info.info-1{border-radius:40px 0 0 40px;margin-left:auto}.work .work-proyects-container .work-proyect .work-proyect-info.info-2{border-radius:0 40px 40px 0}.work .work-proyects-container .work-proyect .work-proyect-info .info-link{text-decoration:none;padding:0 5px;color:#a162e8}.work .work-proyects-container .work-proyect .work-proyect-image1{width:50%;background-image:url(/static/media/rm1.6170231a.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;transition:.4s ease-in;border-radius:40px;cursor:pointer}.work .work-proyects-container .work-proyect .work-proyect-image1:hover{background-image:url(/static/media/rm2.9c28456d.jpg)}.work .work-proyects-container .work-proyect .work-proyect-image2{background-image:url(/static/media/shoes1.65453a58.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;width:50%;border-radius:40px;transition:.4s ease-in;cursor:pointer}.work .work-proyects-container .work-proyect .work-proyect-image2:hover{background-image:url(/static/media/shoes2.af31becb.jpg)}.work .work-proyects-container .work-proyect .work-image-gradient{height:100%;width:100%;z-index:5;background-image:linear-gradient(241deg,rgba(160,233,255,.4) 20%,rgba(24,90,219,.4) 50%,rgba(240,147,176,.4) 60%,rgba(174,56,56,.4) 89%);border-radius:40px}@media only screen and (max-width:1024px){.work{height:-webkit-max-content;height:-moz-max-content;height:max-content}.work .work-proyects-container .work-proyect{display:flex;flex-direction:column}.work .work-proyects-container .work-proyect .work-proyect-info{height:40%;width:30vw;text-align:center}.work .work-proyects-container .work-proyect .work-proyect-info.info-1{border-radius:40px 40px 0 0;margin:0 4vw 0 auto}.work .work-proyects-container .work-proyect .work-proyect-info.info-2{border-radius:0 0 40px 40px;margin:0 auto 0 4vw}.work .work-proyects-container .work-proyect .work-proyect-info .info-link{text-decoration:none;padding:0 5px;color:#a162e8}.work .work-proyects-container .work-proyect .work-proyect-image1{width:40vw;height:30vh;margin-left:auto}.work .work-proyects-container .work-proyect .work-proyect-image2{background-image:url(/static/media/shoes1.65453a58.jpg);width:40vw;height:30vh}}@media only screen and (max-width:582px){.work .work-proyects-container .work-proyect .work-proyect-info{height:40%;width:30vw}.work .work-proyects-container .work-proyect .work-proyect-info.info-1{margin:0 9vw 0 auto;width:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.work .work-proyects-container .work-proyect .work-proyect-info.info-2{margin:0 auto 0 9vw;width:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.work .work-proyects-container .work-proyect .work-proyect-image1{width:50vw;height:30vh;margin-left:auto}.work .work-proyects-container .work-proyect .work-proyect-image2{background-image:url(/static/media/shoes1.65453a58.jpg);width:50vw;height:30vh}}@media only screen and (max-width:418px){.work .work-proyects-container .work-proyect .work-proyect-image1{width:50vw;height:25vh}.work .work-proyects-container .work-proyect .work-proyect-image2{background-image:url(/static/media/shoes1.65453a58.jpg);width:50vw;height:25vh}}.footer{padding-top:25%;height:90vh;width:100%;display:flex;align-items:center;flex-direction:column}.footer .footer-title{margin:1% 0;font-size:clamp(1.7rem,4vw,4rem);background:linear-gradient(241deg,#a0e9ff 20%,#185adb 50%,#f093b0 60%,#ae3838 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer .footer-text{font-family:Bogart-Thin;text-align:center;width:20%;font-size:clamp(.6rem,1.5vw,1.2rem);color:#a0e9ff;letter-spacing:1px}.footer .telegram-icon{margin:10px;font-size:clamp(1rem,3vw,2rem);transition:.3s ease-out;color:#6cc1e3}.footer .telegram-icon:hover{transform:scale(1.3);color:#2e4392}.footer .email-icon{margin:10px;font-size:clamp(1rem,3vw,2rem);transition:.3s ease-out;color:#ffe8a4}.footer .email-icon:hover{transform:scale(1.3);color:#cf8d68}@media only screen and (max-width:1024px){.footer{height:60vh}.footer .footer-text{font-family:Bogart-Thin;text-align:center;width:30%;font-size:clamp(.5rem,1.5vw,1.2rem);color:#a0e9ff;letter-spacing:1px}}@media only screen and (max-width:400px){.footer{height:50vh}}
/*# sourceMappingURL=main.deaeb1a8.chunk.css.map */