@import url(https://fonts.googleapis.com/css2?family=Grechen+Fuemen&family=Montserrat+Alternates:wght@400;500;600&display=swap);.logo-text,.nav__link,body,h1,h2,h3,h4{color:var(--white-color)}.projects__skill:hover,.skills__item:hover{transform:translateY(-.25rem)}:root{--hue:358;--first-color:hsl(var(--hue), 80%, 49%);--first-color-alt:hsl(var(--hue), 76%, 45%);--white-color:hsl(0, 0%, 98%);--black-color:hsl(0, 0%, 1%);--text-color:hsl(var(--hue), 2%, 66%);--body-color:hsl(var(--hue), 100%, 1%);--container-color:hsl(var(--hue), 2%, 10%);--conic-gradient:conic-gradient(from 150deg at 50% 45%,
  hsl(var(--hue), 80%, 20%) 0deg,
  hsl(var(--hue), 80%, 48%) 140deg,
  hsl(var(--hue), 80%, 20%) 360deg);--body-font:"Montserrat Alternates",sans-serif;--second-font:"Grechen Fuemen",cursive;--biggest-font-size:2.5rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-regular:400;--font-medium:500;--font-semi-bold:600;--z-tooltip:10;--z-fixed:100}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color)}button,input,textarea{border:none;outline:0}h1,h2,h3,h4{font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{max-width:1168px;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding-block:2rem 3rem}.logo,.nav{position:fixed;padding:1rem 2rem;left:0}.section__title{font-size:var(--h2-font-size);text-align:center;margin-bottom:2rem}.main{overflow:hidden}.nav{bottom:1.5rem;right:0;background-color:hsla(0,0%,98%,.1);width:88%;margin-inline:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:4rem;z-index:var(--z-fixed)}.nav__list{display:flex;justify-content:space-between;align-items:center}.buttonH,.logo{justify-content:center}.nav__link{width:2.5rem;height:2.5rem;background-color:transparent;font-size:1.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .6s}.active-link{background-color:var(--first-color)}.logo{top:0;width:100%;z-index:10;display:flex;align-items:center;background-color:#000;box-shadow:0 1px 1px rgba(241,239,239,.1);border-radius:1rem;transition:padding .5s}.logo-text{font-size:var(--h1-font-size);font-weight:700;transition:font-size .5s}.logo-text.scrolled{font-size:.8rem}.message .danger,.message .success{font-size:var(--fontSize-body-2);animation:.3s linear buttons;display:none}.logo-image{height:50px;width:50px;margin-right:1rem;transition:height .5s,width .5s}.logo-image.scrolled{height:30px;width:30px}.circle{position:absolute;width:25px;height:25px;border-radius:50%;background-color:rgba(225,25,32,.1)}.button,.buttonH{background-color:var(--first-color);color:var(--white-color);font-weight:var(--font-semi-bold)}.home-content{display:flex;flex-direction:column;justify-content:center;min-height:95vh;padding:0 20% 1rem;background-image:linear-gradient(to right,#000 0,#3a3636 100%);border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.home-content h3{font-size:var(--h2-font-size);font-weight:700;padding:1rem}.home-content h3:nth-of-type(2){margin-bottom:1rem}span{color:var(--first-color-alt)}.home-content h1{font-size:var(--biggest-font-size);font-weight:700;line-height:1.3}.home-content p,.projects__name,.services__name{font-size:var(--h3-font-size)}.buttonH{margin-top:3rem;display:inline-flex;padding:1.25rem 1rem;border-radius:4rem;transition:background-color .4s;width:10rem}.skills{padding:2rem 1.5rem;border-radius:2rem}.skills__item{display:flex;width:2.5rem;transition:transform .4s;justify-content:center}.skills__items{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-block:1.5rem;justify-content:center}.button{display:inline-flex;justify-content:center;padding:1.25rem 2.5rem;border-radius:4rem;transition:background-color .4s}.projects__img,.projects__skill{transition:transform .4s}.button__black{background-color:var(--black-color)}.button:hover{background-color:var(--first-color-alt)}.projects__card{background-color:var(--container-color);padding:1.5rem;border-radius:2rem}.projects__image{display:block;overflow:hidden;border-radius:1.5rem;margin-bottom:1.5rem}.projects__name{margin-bottom:.5rem}.projects__description{color:var(--text-color);margin-bottom:1.5rem}.projects__skill{width:1rem}.projects__skills{width:max-content;height:34px;background-color:var(--black-color);padding-inline:.75rem;display:flex;align-items:center;column-gap:.75rem;border-radius:4rem;margin-bottom:1.5rem}.projects__button{color:var(--white-color);display:inline-flex;align-items:center;column-gap:.5rem;transition:color .4s}.footer__links,.message{justify-content:center;display:flex}.projects__button i{font-size:1.25rem}.projects__button span{font-weight:var(--font-medium)}.experience__description,.projects__button:hover,.services__description{color:var(--text-color)}.contact__input,.footer__link,.footer__logo,.footer__social-link{color:var(--white-color)}.projects__card:hover .projects__img{transform:scale(1.2)}.services__card{background-color:var(--container-color);padding:4rem 1.5rem 3.5rem;border-radius:2rem}.services__icon{display:inline-block;position:relative;margin-bottom:2rem}.experience__date,.experience__profession,.services__name{margin-bottom:1rem}.services__icon i{font-size:2.5rem;position:relative;z-index:var(--z-tooltip)}.services__circle{width:3rem;height:3rem;background-color:var(--first-color);border-radius:50%;position:absolute;top:-1rem;right:-1rem;transition:transform .4s}.contact__input,.experience__data{background-color:var(--container-color)}.contact__form,.message{position:relative}.experience__company,.experience__profession{font-size:var(--h2-font-size)}.services__card:hover .services__circle{transform:translate(.25rem,-.25rem)}.experience__container{row-gap:2rem}.experience__data{padding:1.5rem;border-radius:1.5rem}.experience__date{display:block;font-size:var(--small-font-size)}.contact__form,.contact__group{gap:1rem}.contact__input{padding:1.25rem;border-radius:4rem}.contact__input::placeholder{color:var(--text-color)}.contact__input:autofill{transition:background-color 6000s,color 6000s}.contact__area{height:10rem;border-radius:1.5rem;resize:none}.contact__button{margin-top:1.5rem;cursor:pointer}.message{width:100%;margin-top:10px}.message .success{color:#14d314;position:"absolute"}.message .danger{color:#ff0a0a;position:absolute;transition:.3s}@keyframes buttons{0%{transform:scale(.1)}50%{transform:scale(.5)}100%{transform:scale(1)}}.contact__message{position:absolute;left:0;bottom:4.5rem;font-size:var(--small-font-size)}.footer{padding-block:2rem 8rem}.footer__container{row-gap:2.5rem}.footer__logo{font:var(--font-regular) --biggest-font-size --second-font;justify-self:center}.footer__links{column-gap:2rem}.footer__link{transition:color .4s}.footer__link:hover{color:var(--text-color)}.footer__social{display:flex;justify-content:center;column-gap:1.5rem}.footer__social-link{width:2.5rem;height:2.5rem;background-color:var(--first-color);font-size:1.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .4s,color .4s}.footer__social-link:hover{background-color:var(--white-color);color:var(--black-color)}.footer__copy{display:block;margin-top:4.5rem;text-align:center;font-size:var(--small-font-size);color:var(--text-color)}::-webkit-scrollbar{width:.6rem;background-color:#333;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:#4c4c4c;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#666}.scrollup{position:fixed;right:1rem;bottom:-50%;background-color:hsla(0,0%,98%,.1);display:inline-flex;padding:6px;color:var(--white-color);font-size:1.25rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:.5rem;z-index:var(--z-tooltip);transition:bottom .4s,transform .4s}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:8rem}@media screen and (max-width:320px){.container{margin-inline:1rem}.nav{padding:1rem}}@media screen and (min-width:540px){.nav{width:max-content}.nav__list{column-gap:1.25rem}.contact__container,.experience__container,.projects__container,.services__container{grid-template-columns:380px;justify-content:center}}@media screen and (min-width:768px){.projects__container,.services__container{grid-template-columns:repeat(2,350px)}.experience__container{grid-template-columns:initial}.footer__container,.footer__content{grid-template-columns:repeat(2,max-content);align-items:center}.footer__container{justify-content:space-between}.footer__content{column-gap:4.5rem}.show-scroll{bottom:3rem}}@media screen and (min-width:1200px){:root{--biggest-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}.experience__company,.section__title{font-size:var(--h1-font-size)}.container{margin-inline:auto}.section{padding-block:3rem 4rem}.section__title{margin-bottom:4rem}.projects__container,.services__container{grid-template-columns:repeat(3,368px);gap:2rem}.projects__card{padding-bottom:2rem}.services__card{padding-block:6rem,5rem}.services__icon i{font-size:3.5rem}.services__circle{width:4rem;height:4rem;right:-1.5rem;top:-1.5rem}.experience__container{row-gap:4rem}.experience__data{padding:2rem;border-radius:2rem}.contact__container{grid-template-columns:620px}.contact__group{grid-template-columns:repeat(2,1fr)}.contact__area{height:15rem}.contact__button{width:max-content;justify-self:center}.footer{padding-top:3rem}.footer__links{column-gap:3rem}.footer__copy{margin-top:7rem}}@media screen and (min-width:1500px){.nav{width:max-content;height:max-content;padding:2rem,1rem;left:initial;right:3rem;top:0;bottom:0;margin-block:auto}.nav__list{flex-direction:column;row-gap:1.25rem}.footer{padding-block:3rem}.scrollup{right:4rem}}