.portfolio__intro{font-weight:600;font-size:4.8rem;margin:190px auto 140px 0;line-height:110px;letter-spacing:3px;text-align:center;background:linear-gradient(91.36deg,#4946e9,#9701c4,#cc00ff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:intro-gradient 4s infinite ease}.portfolio__section{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:1150px}.about__me__container{display:flex;align-items:center;justify-content:space-between}.about__me__container span:first-letter{font-size:4rem;font-weight:700;color:#7126bd}.about__me__container span{flex:40%;font-size:1.23rem;letter-spacing:3px;line-height:30px}.about__me__container div{flex:40%}.my__educational__experience__title{font-size:2rem;margin:110px 0 80px;padding:10px;font-weight:300}.my__educational__experience{width:100%;display:flex;align-items:center;justify-content:space-between}.college__formation{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:47%}.college__formation h2{margin-bottom:40px;font-size:1.4rem;font-weight:300}.college__formation__info{display:flex;flex-direction:column;align-items:center}.college__formation img{height:160px}.glow__bar{height:300px;width:3px;background:#ec72fc;box-shadow:0 0 40px #d31cf8,0 0 80px #d31cf8,0 0 160px #d31cf8,0 0 320px #d31cf8,0 0 640px #d31cf8}.courses{width:47%;display:flex;flex-direction:column;align-items:center}.courses h2{margin-bottom:40px;font-size:1.4rem;font-weight:300}.courses__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:30px;width:100%;padding:0 20px}.course{border-radius:10px;padding:20px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.course img{height:70px;width:70px;object-fit:cover;border-radius:10px}.course__info{margin-top:10px;display:flex;flex-direction:column;gap:5px}.course__info span{font-size:.9rem}.course img{height:80px;width:80px;object-fit:cover}.about__me__cards{display:flex;flex-wrap:wrap;margin-left:30px;padding-left:50px}.about__me__cards div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.about__me__card{min-width:200px;min-height:150px;margin:11px;background-color:var(--backgroundCard);border:2px solid var(--cardBorder);border-radius:16px}.about__me__card p{margin:0;font-size:1.1rem;font-weight:400}.projects__count p:first-child{color:#8e1ff5;font-size:2.8rem;font-weight:700}.commits_count p:first-child{color:#23be69;font-size:2.8rem;font-weight:700}.years__experience p:first-child{color:#1f6af5;font-size:2.8rem;font-weight:700}.passion__percent p:first-child{color:#f51f66;font-size:2.8rem;font-weight:700}.my__technologies__stack{margin:150px 0 70px;font-size:2.2rem;font-weight:300;text-align:center}.technologies__badges{width:80%;background-color:var(--backgroundCard);border:2px solid var(--cardBorder);padding:50px 40px;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.projects__cards{align-self:center;height:300px;width:300px}:root{--width: 100%;--height: 100%;--border-width: 300px;--border-height: 300px}.gallery{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.gallery:after{content:""}.gallery img{width:var(--width);height:var(--height)}@media (max-width: 1200px){.my__educational__experience{flex-direction:column}.glow__bar{height:2px;width:60vw;margin:70px 0}.college__formation{width:80%}.courses{display:flex;flex-direction:column;width:100%;height:600px}}@media (max-width: 1220px){.about__me__container{flex-direction:column}.about__me__container>span{padding:0 50px}.about__me__cards{display:flex;flex-wrap:wrap;margin-left:0;padding:40px}}@media (max-width: 1020px){.projects__cards{align-self:center;height:210px;width:210px}}@media (max-width: 900px){.portfolio__intro{font-weight:600;font-size:4.2rem;margin:160px auto 120px 0}.technologies__badges{background-color:#252525;padding:40px 30px;border-radius:20px;border:2px solid rgb(87,87,87);display:flex;flex-wrap:wrap;align-items:center;gap:10px}.my__technologies__stack{margin:80px 0}.gallery{margin-top:-50px}}.portfolio__header{position:fixed;left:0;top:0;right:0;bottom:auto;z-index:100;backdrop-filter:brightness(50%) blur(40px) contrast(95%)}.portfolio__header___nav__container{display:flex;justify-content:space-between;align-items:center;max-width:1050px;width:100%;margin:0 auto;height:60px}.portfolio__header__name{font-weight:400;cursor:pointer;margin:0;border-radius:5px;padding:8px 22px}.portfolio__header__name:after{content:"Nycolas Santana"}@media (max-width: 710px){.portfolio__header__name{padding:8px 20px}.portfolio__header__name:after{content:"NS"}}.portfolio__header__navigation ul{display:flex;padding:0;gap:10px}@media (max-width: 510px){.portfolio__header__navigation ul{gap:2px}}.portfolio__header__navigation ul li{list-style:none;text-decoration:none;cursor:pointer;transition:all ease .3s;background:transparent;border-radius:5px;padding:8px 22px}.portfolio__header__navigation ul li a{text-decoration:none;color:inherit}@media (max-width: 510px){.portfolio__header__navigation ul li{padding:6px 10px}}.portfolio__header__navigation ul li:hover{background:#80808038}.portfolio__header__contact__me{font-size:1.2rem;font-weight:600;color:#b459ff;cursor:pointer;margin:0;transition:all ease .3s;background:transparent;border-radius:5px;padding:8px 14px;background-color:#29292979;text-decoration:none}.portfolio__header__contact__me:after{font-size:1rem;content:"Entre em Contato";border-radius:6px}@media (max-width: 600px){.portfolio__header__contact__me{padding:8px 18px 8px 12px}.portfolio__header__contact__me:after{content:"Contato"}}.portfolio__header__contact__me:hover{background:#80808038}.portfolio__header__divider__line{height:1px;width:100vw;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(87,87,87,.835498595505618) 1%,rgba(87,87,87,1) 3%,rgba(83,83,83,1) 98%,rgba(87,87,87,.8270716292134832) 99%,rgba(20,20,20,0) 100%)}.hero__container{height:2300px}.hero{display:flex;justify-content:center;position:sticky;top:1px}.hero__profile{position:absolute;z-index:100;transform:scale(.9);padding-top:1vw}.hero__background__image{height:52vw;transform:translateY(100px) scale(2.05)}.hero__text{text-align:center;font-size:18px;top:50px;left:27%;color:#fff}.hero--mobile{display:flex;flex-direction:column;align-items:center;width:100vw;padding-bottom:600px;margin-bottom:-700px;max-width:100vw;overflow-x:hidden}.profile__image{position:relative;height:15vw;width:15vw;border:none;outline:none;color:#fff;background:#111;border-radius:50%;margin:90px auto 0}.profile__image img{height:100%;width:100%;border-radius:50%}.profile__image:after{position:absolute;content:"";top:-2.5px;left:-2.5px;height:calc(100% + 5px);width:calc(100% + 5px);border-radius:50%;z-index:-1;background:#eeeeee;opacity:.75;filter:blur(2px)}.profile__image:before{position:absolute;content:"";top:-12px;left:-12px;height:calc(100% + 24px);width:calc(100% + 24px);border-radius:50%;z-index:-1;filter:blur(15px) brightness(1.1);background:linear-gradient(45deg,#1562c7,#f700ff,#7a00ff);background-size:300%;transition:opacity .3s ease-in-out;animation:glowProfileEffect 5s ease-out infinite}@keyframes glowProfileEffect{0%{transform:rotate(0) scale(.94)}32%{transform:rotate(90deg) scale(1)}64%{transform:rotate(180deg) scale(1)}to{transform:rotate(360deg) scale(.94)}}.profile__image--mobile{position:relative;height:200px;width:200px;border:none;outline:none;color:#fff;background:#111;border-radius:50%;margin:140px auto 0}.profile__image--mobile img{height:100%;width:100%;border-radius:50%}.profile__image--mobile:after{position:absolute;content:"";top:-2.5px;left:-2.5px;height:calc(100% + 5px);width:calc(100% + 5px);border-radius:50%;z-index:-1;background:#eeeeee;opacity:.75;filter:blur(2px)}.profile__image--mobile:before{position:absolute;content:"";top:-9px;left:-9px;height:calc(100% + 18px);width:calc(100% + 18px);border-radius:50%;z-index:-1;filter:blur(15px) brightness(1.1);background:linear-gradient(45deg,#1562c7,#f700ff,#7a00ff);background-size:300%;transition:opacity .3s ease-in-out}.profile__name h2{font-size:2.6vw;letter-spacing:5px;text-transform:uppercase;text-align:center;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.11));line-height:30px;outline:none;color:#307fe6;margin:3.3vw 0px 0px}.profile__name h2 span{animation:tubeLightGlowEffectBlue 7s linear infinite}.profile__name h2 span:nth-child(even){animation:tubeLightGlowEffectPurple 8s linear infinite;animation-delay:.4s;color:#e004e7}.profile__name--mobile h2{font-size:30px;letter-spacing:5px;text-transform:uppercase;text-align:center;line-height:30px;color:#b8d5fc;text-shadow:0 0 20px #0363f4,0 0 40px #0363f4,0 0 80px;margin:55px 0 20px}.profile__name--mobile h2 span:nth-child(even){color:#dbc3f8;text-shadow:0 0 20px #a803f4,0 0 40px #a803f4,0 0 80px #a803f4}@keyframes tubeLightGlowEffectBlue{0%,18%,30%,50.1%,60%,65.1%,80%,90.1%,92%{color:#175ebb;text-shadow:none}18.1%,30.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,to{color:#b8d5fc;text-shadow:0 0 20px #0363f4,0 0 40px #0363f4,0 0 80px #0363f4,0 0 160px #0363f4,0 0 320px #0363f4}}@keyframes tubeLightGlowEffectPurple{0%,18%,30%,50.1%,60%,65.1%,80%,90.1%,92%{color:#5f01c4;text-shadow:none}18.1%,30.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,to{color:#dbc3f8;text-shadow:0 0 20px #a803f4,0 0 40px #a803f4,0 0 80px #a803f4,0 0 160px #a803f4,0 0 320px #a803f4}}.profile__Title h3{font-size:2vw;letter-spacing:6px;text-align:center;padding:0;font-weight:500}.profile__Title--mobile h3{font-size:30px;letter-spacing:6px;text-align:center;margin:40px 0 -20px;padding:0;font-weight:500}.scroll-indicator{position:absolute;bottom:15vw;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;opacity:.8}.mouse{width:22px;height:36px;border:2px solid #fff;border-radius:15px;position:relative;margin-bottom:5px}.wheel{width:3px;height:6px;background:#fff;position:absolute;top:6px;left:50%;transform:translate(-50%);border-radius:2px;animation:scroll-wheel 1.5s infinite}.arrow-scroll span{display:block;width:8px;height:8px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);margin:-3px auto;animation:scroll-arrow 1.5s infinite}.arrow-scroll span:nth-child(2){animation-delay:.2s}.arrow-scroll span:nth-child(3){animation-delay:.4s}@keyframes scroll-wheel{0%{top:6px;opacity:1}to{top:20px;opacity:0}}@keyframes scroll-arrow{0%{opacity:0;transform:rotate(45deg) translate(-4px,-4px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(4px,4px)}}.section__title_wrapper{width:90vw;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:920px;padding:140px 0}.section__title{font-size:1.6rem;color:#cacaca;margin:0}.section__description{font-size:4rem;margin:0;background:linear-gradient(91.36deg,#4946e9,#9701c4,#cc00ff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:intro-gradient 4s infinite ease}@media (max-width: 1210px){.section__title_wrapper{padding:140px 40px}}@media (max-width: 900px){.section__title_wrapper{padding:90px 0}.section__description{font-size:3rem}}@keyframes intro-gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.technology__badge img{height:40px;transition:all ease .2s}.technology__badge img:hover{transform:scale(1.08);cursor:pointer}.clipped-border{overflow:hidden;color:inherit}.clipped-border img{object-fit:contain;background-repeat:no-repeat;background-size:300px;transition:all ease .3s}.clipped-border:hover img{filter:brightness(.5);background-size:330px}.clipped-border:hover span{opacity:1;filter:brightness(20)}.clipped-border span{position:absolute;font-size:1.9rem;justify-self:center;z-index:10;opacity:.3;text-align:center;width:80%;transition:all ease .3s}.clipped-border{-webkit-clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);padding:5px;background:linear-gradient(rgb(56,28,214),rgb(162,31,214));height:var(--height);width:var(--width);transition:all ease .2s;position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:scale(1);transform-origin:right top}.clipped-border:before{content:"";position:absolute;opacity:.15;width:400px;height:60px;background:white;top:0;left:0;z-index:100;transform:rotate(45deg);transition:transform .5s}.clipped-border:hover:before{transform:translate(-150px,400%) rotate(45deg);transition:transform .5s}.clipped-border:nth-child(2){top:230px;left:-146px}.clipped-border:nth-child(3){top:-10;left:-286px}.clipped-border:nth-child(4){top:230px;left:135px}.clipped-border:nth-child(5){top:-10;left:276px}#clipped{-webkit-clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.clipped-border:hover{height:105%;width:105%;transition:all ease .2s;z-index:10}.project__details__overlay{display:flex;align-items:center;justify-content:center;position:absolute;opacity:0;z-index:100;height:100%;width:100%;background-color:#000;margin:0 auto;transition:all ease .2s}.project__details{z-index:-1;text-align:center;padding:0 20px;transition:all ease .2s}.project__details__overlay.choose{opacity:.95}.project__details__overlay.choose .project__details{opacity:1}@media (max-width: 1020px){.clipped-border:nth-child(1){top:234px;left:0px}.clipped-border:nth-child(2){top:68px;left:100px}.clipped-border:nth-child(3){top:68px;left:-99px}.clipped-border:nth-child(4){top:400px;left:-100px}.clipped-border:nth-child(5){top:400px;left:99px}.clipped-border:before{content:"";overflow:hidden;position:absolute;opacity:.15;width:290px;height:40px;background:white;top:0;left:0;z-index:1;transform:rotate(45deg);transition:transform .5s}}.portfolio__footer{display:flex;align-items:center;justify-content:space-between;height:90px;max-width:1000px;margin:0 auto;color:gray}.portfolio__footer div{padding:0 20px}.working__in__progress{text-align:center;font-weight:400;opacity:.08}.portfolio__footer__contact{display:flex;flex-direction:column;gap:5px}:root{--backgroundCard: #252525;--cardBorder: #5a5a5a}body{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#161616;color:#efefef;height:100%;overflow-x:hidden}html{height:100%;scroll-behavior:smooth}code{font-family:Inter,sans-serif}main{background-color:#1b1b1b;padding-bottom:480px}*{scrollbar-width:auto;scrollbar-color:#949494 #ffffff}*::-webkit-scrollbar{width:15px}*::-webkit-scrollbar-track{background:#ffffff0a}*::-webkit-scrollbar-thumb{background-color:#797979;border-radius:10px;border:3px solid #ffffff00}