body,html{scroll-behavior:smooth;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.heroSection{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;background:linear-gradient(-45deg,#863490,#284ea1,#0f89b6,#10a381);background-size:400% 400%;animation:gradient 15s ease infinite;color:#fff;box-shadow:inset 0 70px 150px rgba(0,0,0,.4)}h2{text-align:center;margin:0;font-weight:400;font-size:32px;animation:slide-down 1s ease both}h2:last-child{font-weight:700;animation:slide-down 1s ease .3s backwards}.sm-text{font-weight:400;font-size:10px;letter-spacing:3px;animation:slide-down 1s ease .6s backwards}.heroSection button{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#fff;border-radius:20px;padding:20px 30px;border:1px solid #fff;background-color:transparent;box-shadow:0 10px 7px -5px rgba(0,0,0,.3);cursor:pointer;transition:.3s ease;animation:fade-in 1s ease 1s backwards}.heroSection button:hover{border:1px solid #202020;background-color:#202020}.heroSectionbutton:active{border:1px solid #202020;outline:none}.arrow-icon{margin-left:10px;width:15px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}nav{display:flex;justify-content:center;align-items:center;margin:0;width:100vw;height:40px;background-color:#242424;box-shadow:inset 0 2px 10px rgba(0,0,0,.7);border-bottom:3px solid #535353}nav a{text-transform:uppercase;color:#fff}.nav-active,a:hover{color:#00e1ff}.nav-active{font-weight:600}.container{justify-content:space-between;width:45vw}.active-div,.container{display:flex;align-items:center}.active-div{justify-content:center;height:40px;border-bottom:3px solid #00e1ff}.sticky{position:sticky;z-index:2;top:0;width:100vw}section{width:90vw;height:auto}.about-container h2{color:#252525;margin-top:50px;text-transform:uppercase;font-weight:700;font-size:50px;letter-spacing:-5px}.separator{width:45px;height:5px;position:relative;z-index:-2;bottom:7px;left:43.5%;background-color:#0f89b6}section .cards-section h4{margin-top:20px}.cards-section{margin-top:100px;display:flex;flex-wrap:wrap;justify-content:center}section .cards-section h4{margin-top:40px;text-transform:uppercase}.card{display:flex;flex-direction:column;align-items:center;padding:0 30px;margin:0 8px;width:360px;height:250px;border-radius:5px;box-shadow:0 15px 5px -10px rgba(50,50,50,.3)}.card p{text-align:center;margin-top:0}.card-tech{animation:slide-in 1s ease}.card-responsive{animation:slide-in 1s ease .2s both}.card-intuitive{animation:slide-in 1s ease .4s both}.card-icon{color:#fff}.techs-icon{width:50px}.responsive-icon{width:28px}.intuitive-icon{width:50px}.hexagon{display:flex;justify-content:center;align-items:center;width:100px;height:57.735px;background:#003d53;position:relative;z-index:-2}.hexagon:before{top:-28.8675px;border-bottom:28.8675px solid #003d53}.hexagon:after,.hexagon:before{content:"";position:absolute;z-index:-1;left:0;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent}.hexagon:after{bottom:-28.8675px;border-top:28.8675px solid #003d53}.watermark{opacity:.3;color:#262626;left:500px;position:absolute;font-size:50px;text-transform:uppercase;letter-spacing:3px;z-index:-1}.profile-section{margin:15px auto;display:flex;justify-content:space-between;width:58%;flex-grow:wrap}.profile-photo{border-radius:20px;margin:30px 0;background:url(/_next/static/media/profile.31a386c00134102e022ab31fa0b8199e.png);width:250px;height:500px;box-shadow:0 10px 10px -5px rgba(0,0,0,.3);filter:grayscale(100%);animation:slide-in 1s ease;transition:1s ease}.profile-photo:hover{filter:grayscale(0)}.techs-section{margin:30px 0;width:60%}.techs-section h3{margin-top:0;font-size:30px;text-align:center;text-transform:uppercase;color:#262626}@keyframes slide-in{0%{opacity:0;transform:translateX(-50px)}to{opacity:100%;transform:translateX(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:100%;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:100%;transform:translateY(0)}}@keyframes desaturate{0%{filter:grayscale(0)}to{filter:grayscale(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}.techs-section{padding-bottom:40px;flex-direction:column;margin-top:0}.techs-cards-section,.techs-section{display:flex;justify-content:center;align-items:center}.techs-cards-section{grid-gap:10px;margin:0 auto}.techs-title h3{color:#003d53;text-transform:uppercase;animation:fade-in 1s ease}.techs-title span{opacity:.3}.techs-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;box-shadow:0 5px 10px -8px rgba(0,0,0,.5);animation:slide-down 1s ease .3s both}.techs-card img{transform:scale(.65);opacity:.75;filter:grayscale(100%);filter:brightness(0)}.techs-card img:hover{opacity:1}.techs-card p{letter-spacing:1.2px;color:#262626;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0;text-transform:uppercase}.links-section{width:700px;position:relative;z-index:0;left:46.8%;top:-180px}.links-section button{border:none;outline:none;padding:20px 40px;margin:0 8px;border-radius:5px;color:#fff;letter-spacing:4px;text-transform:uppercase;font-size:10px;cursor:pointer;background:linear-gradient(1turn,#858585,#555)}.links-section .linkedin{animation:slide-up 1s}.links-section .github{animation:slide-up 1s .4s both}.links-section .instagram{animation:slide-up 1s .7s both}.links-section .linkedin:hover{background:linear-gradient(90deg,#259da1,#368cbe)}.links-section .github:hover{background:linear-gradient(90deg,#5025a1,#281d62)}.links-section .instagram:hover{background:linear-gradient(90deg,#e66465,#9198e5)}