.about-container{display:grid;grid-template-rows:1fr 1fr;gap:20px;justify-content:end;align-items:center}@media (min-width: 480px){.about-container{grid-template-rows:none;grid-template-columns:1fr 1fr}}.about-container .about-image-container{background-color:none;background:none;margin:0 auto}.about-container .about-image-container .about-image{border-radius:100%;position:relative;padding:3px;justify-content:center;align-items:center;text-align:center;display:flex}.about-container .about-image-container .about-image img{width:150px;height:150px;position:relative;z-index:2;border-radius:100%}@media (min-width: 480px){.about-container .about-image-container .about-image img{width:300px;height:300px}}.about-container .about-image-container .about-image:before{content:"";position:absolute;width:160px;height:160px;border-radius:100%;z-index:1;background:linear-gradient(132deg,#4affed,#1d58a1 43%,#0003c2);-webkit-animation:spiner;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@media (min-width: 480px){.about-container .about-image-container .about-image:before{width:310px;height:310px}}.about-container .about-image-container .about-image:after{content:"";position:absolute;width:160px;height:160px;border-radius:100%;filter:blur(50px);background-image:linear-gradient(132deg,#6af9eb,#1d58a1 43%,#0003c2);z-index:1;-webkit-animation:spiner;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@media (min-width: 480px){.about-container .about-image-container .about-image:after{width:310px;height:310px}}@-webkit-keyframes spiner{to{transform:rotate(1turn)}}.about-container .about-content{color:#d1d1d1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}@media (min-width: 480px){.about-container .about-content{padding:0 25px}}.about-container .about-content .network-img a img{height:40px}.about-container .about-content h2{font-family:Josefin Sans,sans-serif;padding-bottom:.5rem;letter-spacing:.4rem;color:#03dac6;font-size:x-large;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.about-container .about-content h2:after{content:"";width:60%;height:2px;background-color:#a3ffe2}@media (min-width: 480px){.about-container .about-content h2{font-size:xx-large}}.about-container .about-content p{font-size:xx-small;letter-spacing:.1rem;font-family:ROBOTO,sans-serif;text-align:justify;font-weight:300;color:#faebd7c4}@media (min-width: 480px){.about-container .about-content p{font-size:x-large}}.networks-content{margin:10px 0;display:flex;flex-direction:row;align-items:center;justify-items:center;gap:20px}.portfolio-container{width:100vw;height:100vw;display:flex;flex-direction:column;justify-content:center;margin-top:40px}.portfolio-container h2{font-family:Josefin Sans,sans-serif;padding-bottom:.5rem;letter-spacing:.4rem;color:#03dac6!important;font-size:x-large!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.portfolio-container h2:after{content:"";width:40%;height:2px;background-color:#a3ffe2}@media (min-width: 480px){.portfolio-container h2:after{width:10%}}@media (min-width: 480px){.portfolio-container h2{font-size:xx-large!important;margin-bottom:20px}}:root{--img-size:270px;--img-height:165px}@media (min-width: 480px){:root{--img-size:440px;--img-height:260px}}.container-gallery{height:70%;display:grid;grid-template-rows:5vh 27vh 15vh;align-items:center}@media (min-width: 480px){.container-gallery{grid-template-rows:5vh 45vh 10vh}}.container-gallery .header-slide{color:#fff;text-transform:capitalize}.container-gallery .container-slide{margin:0 auto;display:grid;grid-template-columns:30px var(--img-size) 30px;align-items:center;width:calc(var(--img-size) + 60px);height:var(--img-height)}@media (min-width: 600px){.container-gallery .container-slide{grid-template-columns:100px var(--img-size) 100px;width:calc(var(--img-size) + 200px)}}.container-gallery .container-slide .left-arrow,.container-gallery .container-slide .right-arrow{font-size:xx-large;transform:scaleY(2);color:#fff;cursor:pointer}.container-gallery .container-slide .left-arrow{margin-right:20px}.container-gallery .container-slide .right-arrow{margin-left:20px}.container-gallery .container-slide .container-image{position:relative;padding:3px;display:flex;justify-content:center;align-items:center;text-align:center}.container-gallery .container-slide .container-image img{width:var(--img-size);height:var(--img-height);position:relative;z-index:3}.container-gallery .container-slide .container-image .glow{width:calc(var(--img-size) + 10px);height:calc(var(--img-height) + 10px);position:absolute;display:flex;justify-content:center;align-items:center;overflow:hidden}.container-gallery .container-slide .container-image .glow:before{content:"";width:300px;height:600px;background:#4affed;filter:blur(65px);position:absolute;z-index:2;transform:translate(-303px);-webkit-animation:movement;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@-webkit-keyframes movement{50%{transform:translate(303px)}}.container-gallery .container-slide .container-image:before{content:"";position:absolute;width:calc(var(--img-size) + 10px);height:calc(var(--img-height) + 10px);z-index:2;background:linear-gradient(to right,#1d58a1 43%,#0003c2)}.container-gallery .container-slide .container-image:after{content:"";position:absolute;width:calc(var(--img-size) + 10px);height:calc(var(--img-height) + 10px);filter:blur(30px);background-image:linear-gradient(to right,#1d58a1 43%,#0003c2);z-index:1}.container-gallery .footer-slider{margin:0 auto;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.selected{outline:2px solid #4affed}.container-skills{width:100%;padding-bottom:100px;display:flex;flex-direction:column;height:70%}@media (max-height: 650px){.container-skills .skill-panel{height:500px;overflow-y:auto}}.container-skills h2{font-family:Josefin Sans,sans-serif;padding-bottom:.5rem;letter-spacing:.4rem;color:#03dac6!important;font-size:x-large!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.container-skills h2:after{content:"";width:40%;height:2px;background-color:#a3ffe2}@media (min-width: 480px){.container-skills h2:after{width:10%}}@media (min-width: 480px){.container-skills h2{font-size:xx-large!important;margin-bottom:20px}}@media (min-width: 480px){.container-skills{padding:0 10vw}}.MuiTabs-indicator{background-color:#03dac6}.tech-image img{width:9vw}@media (min-width: 480px){.tech-image img{width:4vw}}.tech-image p{margin:0;padding:0;font-size:x-small}@media (min-width: 480px){.tech-image p{font-size:medium}}.soft-container{margin-top:5vw;display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (min-width: 480px){.soft-container{grid-template-columns:1fr 1fr 1fr;justify-content:center;gap:20px}}.soft-container .tech-image img{width:50px}@media (min-width: 480px){.soft-container .tech-image img{width:8vw}}.tech-container{display:flex;flex-direction:column;overflow:auto}@media (min-width: 600px){.tech-container{margin-top:20px;padding:0 10vw}}.tech-container .techs{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:10px}.tech-container .techs h3{margin:0 0 10px;font-family:Josefin Sans,sans-serif;padding-bottom:.5rem;letter-spacing:.2rem;color:#f0f0f0;font-size:small;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.tech-container .techs h3:after{content:"";width:80%;height:2px;background-color:#a3ffe2}@media (min-width: 480px){.tech-container .techs h3{font-size:x-large}}.tech-container .techs .tech-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}:root{--background-color:#1e1f26;background-color:var(--background-color);scroll-behavior:smooth;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ROBOTO,sans-serif}.nav{overflow:hidden!important;box-sizing:border-box}.nav,.slider{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative;background-color:var(--background-color);text-align:center;padding:0 2em}.nav h1,.slider h1{font-family:Josefin Sans,sans-serif;font-size:5vw;margin:0;padding-bottom:.5rem;letter-spacing:.5rem;color:#03dac6;transition:all .3s ease;z-index:3}h1:hover{transform:translate3d(0,-10px,22px);color:#ff0266}.slider h2{font-size:2vw;letter-spacing:.3rem;font-family:ROBOTO,sans-serif;font-weight:300;color:#faebd7;z-index:4}h3.span{font-size:3.5vw;letter-spacing:.7em;font-family:ROBOTO,sans-serif;font-weight:300;color:#faebd7;z-index:4}@media (min-width: 480px){h3.span{font-size:x-large}}span:hover{color:#ff0266;font-weight:500;font-size:2.2vw}a{text-decoration:none}.nav-container{display:flex;flex-direction:row;position:fixed;bottom:0;width:100%;height:75px;box-shadow:0 0 20px #00000080;background:#1e1f26;z-index:10;transition:all .3s cubic-bezier(.19,1,.22,1)}.nav-container--top-first{position:fixed;top:75px;transition:all .3s cubic-bezier(.19,1,.22,1)}.nav-container--top-second{position:fixed;top:0}.nav-tab{display:flex;justify-content:center;align-items:center;flex:1;color:#03dac6;letter-spacing:.1rem;transition:all .5s ease;font-size:2vw!important}@media (max-width: 480px){.nav-tab{font-size:3vw!important}}.nav-tab:hover{color:#1e1f26;background:#03dac6;transition:all .5s ease}.nav-tab-slider{position:absolute;bottom:0;width:0;height:2px;background:#03dac6;transition:left .3s ease}@media (min-width: 800px){.nav h1,.slider h1{font-size:5vw}.nav h2,.slider h2,.nav-tab{font-size:3vw}}@media (min-width: 360px){.nav h1,.slider h1{font-size:8vw}.nav h2,.slider h2{font-size:2vw;letter-spacing:.2vw}.nav-tab{font-size:1.2vw}}.background{position:absolute;height:100vh;top:0;bottom:0;left:0;right:0;z-index:0}.loader span{color:#faebd7;text-shadow:0 0 0 #faebd7;-webkit-animation:loading 1s ease-in-out infinite alternate}@-webkit-keyframes loading{to{text-shadow:20px 0 70px #23deff;color:#09f}}.loader span:nth-child(2){-webkit-animation-delay:.1s}.loader span:nth-child(3){-webkit-animation-delay:.2s}.loader span:nth-child(4){-webkit-animation-delay:.3s}.loader span:nth-child(5){-webkit-animation-delay:.4s}.loader span:nth-child(6){-webkit-animation-delay:.5s}.loader span:nth-child(7){-webkit-animation-delay:.6s}.loader span:nth-child(8){-webkit-animation-delay:.7s}.loader span:nth-child(9){-webkit-animation-delay:.8s}.loader span:nth-child(10){-webkit-animation-delay:.9s}.loader span:nth-child(11){-webkit-animation-delay:1s}.loader span:nth-child(12){-webkit-animation-delay:1.1s}.loader span:nth-child(13){-webkit-animation-delay:1.2s}.loader span:nth-child(14){-webkit-animation-delay:1.3s}.loader span:nth-child(15){-webkit-animation-delay:1.4s}.loader span:nth-child(16){-webkit-animation-delay:1.5s}.loader span:nth-child(17){-webkit-animation-delay:1.6s}.loader span:nth-child(18){-webkit-animation-delay:1.7s}.loader span:nth-child(19){-webkit-animation-delay:1.8s}.loader span:nth-child(20){-webkit-animation-delay:1.9s}.loader span:nth-child(21){-webkit-animation-delay:2s}.loader span:nth-child(22){-webkit-animation-delay:2.1s}.nav--selected{color:#1e1f26;background:#03dac6;transition:all .5s ease}