:root{--font-family:system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}strong{font-weight:600}body{max-width:1920px;display:grid;place-items:center;font-family:var(--font-family);color:var(--dark-color);padding:0 20px;margin:0 auto}p{line-height:1.6}.nav{width:100%;position:fixed;line-height:1rem;z-index:2;top:0}.nav .container{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.nav div.logo a{text-decoration:none;color:#212121;font-size:1.8rem;padding-left:10px}.nav div.main_list{float:right;transition:all ease .5s}.main_list{width:auto;height:auto}.nav div.main_list ul{width:auto;height:auto;transition:all .5s ease}.nav div.main_list ul{width:100%;display:flex;list-style:none;margin:0;padding:0;transition:all .5s ease}.nav div.main_list ul li{width:auto;padding:0;margin-right:3rem}.nav div.main_list ul li a{text-decoration:none;color:#212121;font-size:16px;transition:all ease .5s}.nav div.main_list ul li a:hover{text-decoration:underline;color:#949494;transition:all ease .5s}.nav div.logo a:hover{color:#949494;transition:all ease .5s}.navTrigger{display:none;transition:all .5s ease;z-index:3}.nav{padding-top:10px;padding-bottom:10px;-webkit-transition:all .4s ease;transition:all .4s ease}.navTrigger{cursor:pointer;width:30px;height:25px;margin:auto;position:absolute;right:10px;top:0;bottom:0}.navTrigger i{background-color:#212121;border-radius:2px;content:"";display:block;width:100%;height:4px}.navTrigger i:nth-child(1){-webkit-animation:outT .8s backwards;animation:outT .8s backwards;-webkit-animation-direction:reverse;animation-direction:reverse}.navTrigger i:nth-child(2){margin:5px 0;-webkit-animation:outM .8s backwards;animation:outM .8s backwards;-webkit-animation-direction:reverse;animation-direction:reverse}.navTrigger i:nth-child(3){-webkit-animation:outBtm .8s backwards;animation:outBtm .8s backwards;-webkit-animation-direction:reverse;animation-direction:reverse}.navTrigger.active i:nth-child(1){-webkit-animation:inT .8s forwards;animation:inT .8s forwards}.navTrigger.active i:nth-child(2){-webkit-animation:inM .8s forwards;animation:inM .8s forwards}.navTrigger.active i:nth-child(3){-webkit-animation:inBtm .8s forwards;animation:inBtm .8s forwards}@-webkit-keyframes inM{50%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(45deg)}}@keyframes inM{50%{transform:rotate(0)}100%{transform:rotate(45deg)}}@-webkit-keyframes outM{50%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(45deg)}}@keyframes outM{50%{transform:rotate(0)}100%{transform:rotate(45deg)}}@-webkit-keyframes inT{0%{-webkit-transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(9px) rotate(0)}100%{-webkit-transform:translateY(9px) rotate(135deg)}}@keyframes inT{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(9px) rotate(0)}100%{transform:translateY(9px) rotate(135deg)}}@-webkit-keyframes outT{0%{-webkit-transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(9px) rotate(0)}100%{-webkit-transform:translateY(9px) rotate(135deg)}}@keyframes outT{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(9px) rotate(0)}100%{transform:translateY(9px) rotate(135deg)}}@-webkit-keyframes inBtm{0%{-webkit-transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-9px) rotate(0)}100%{-webkit-transform:translateY(-9px) rotate(135deg)}}@keyframes inBtm{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(0)}100%{transform:translateY(-9px) rotate(135deg)}}@-webkit-keyframes outBtm{0%{-webkit-transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-9px) rotate(0)}100%{-webkit-transform:translateY(-9px) rotate(135deg)}}@keyframes outBtm{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(0)}100%{transform:translateY(-9px) rotate(135deg)}}a:hover{color:#d3d3d3}a:active{color:#212121}.social-icons{display:flex;text-align:center;animation:nav_fade .8s 2.4s forwards;position:relative;color:#212121;margin-bottom:25px}.social-icons a{color:#212121;font-weight:300;font-size:18px;padding:10px 20px;text-align:center;position:relative}footer{text-align:center;padding:10px;background:rgb(0,0,0,.8);margin:10px 0;border-radius:8px;color:#fff}footer p a{text-decoration:underline}footer p a:visited{color:#f2f2f2}.social-icons a:hover{color:#212121}.social-icons a:hover:before{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.social-icons a:hover:after{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.social-icons a:before{width:20px;transition:all .31s;height:0;-webkit-clip-path:inset(0 40px 0 0);clip-path:inset(0 40px 0 0);border-top:2px solid #212121;content:"";display:block;position:absolute;top:-16px;left:25px;right:0;z-index:-1;margin:auto;transform:rotate(-60deg) translateY(-50%) translatex(-50%)}.social-icons a:after{width:20px;-webkit-clip-path:inset(0 0 0 40px);clip-path:inset(0 0 0 40px);transition:all .31s;height:0;border-top:2px solid #212121;content:"";display:block;position:absolute;top:36px;left:-2px;right:0;z-index:-1;margin:auto;transform:rotate(-60deg) translateY(-50%) translatex(-50%)}@media (max-width:840px){.nav div.main_list ul li a{font-size:16px}}.nav div.main_list ul li:last-child{margin-right:10px}.nav{background-color:#f2f2f2;border-bottom:1px solid rgb(0,0,0,.1)}@media screen and (max-width:600px){.nav{height:35px;background:#f2f2f2;border-bottom:1px solid rgb(0,0,0,.1)}.main_list{background-color:#f2f2f2}.overlay__inner__right{padding-top:40px;text-align:center}.navTrigger{display:block}.nav div.main_list{width:100%;height:0;overflow:hidden}.nav div.show_list{height:auto;display:none;transition:all .5s ease;position:absolute;top:0}.social-icons a{padding:0 8px}.nav div.main_list ul{flex-direction:column;width:100%;height:100vh;right:0;left:0;bottom:0;background-position:center top}.nav div.main_list ul li{width:100%;text-align:right}.nav div.main_list ul li a{text-align:center;width:100%;font-size:3rem;line-height:3;padding:20px}.nav div.media_button{display:block}}@media screen and (max-width:425px){.nav div.logo{padding-top:0}}@media screen and (max-width:375px){.nav div.logo{padding-top:0}}@media(min-width:600px){.social-icons a svg{width:24px;height:24px}}@media(max-width:600px){.social-icons{justify-content:center}.logo-container img{max-width:120px;padding:10px}summary:after{right:20px;width:12px;height:12px;top:28px;border-width:0 3px 3px 0}details[open] summary:after{width:20px;border-width:2px;right:20px;top:35px}.accordion__content--left,.accordion__content--right{width:100%}.accordion__content{flex-direction:column-reverse}}.btn{text-decoration:none;background:#1b1b1b;color:#fff;padding:10px 20px;border-radius:4px;margin-top:25px;display:inline-block;font-weight:700;font-size:14px}.btn:hover{background:#2a2a2a;color:#f2f2f2}section.contact{margin-top:50px;background:#fff;box-shadow:0 0 10px rgb(0 0 0 / 40%);padding:10px 20px;font-size:14px;color:#000}.contact p a{color:#000;text-decoration:underline}.contact .cv{padding-top:20px}:root{--dark-color:hsl(var(--hue), 100%, 9%);--light-color:hsl(var(--hue), 95%, 98%);--base:hsl(var(--hue), 95%, 50%);--complimentary1:hsl(var(--hue-complimentary1), 95%, 50%);--complimentary2:hsl(var(--hue-complimentary2), 95%, 50%);--bg-gradient:linear-gradient(
    to bottom,
    hsl(var(--hue), 95%, 99%),
    hsl(var(--hue), 95%, 84%)
  )}body{height:100vh}.orb-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.overlay{width:100%;max-width:1140px;max-height:640px;padding:6rem;display:flex;align-items:center;background:rgba(255,255,255,.375);box-shadow:0 12px 32px 0 rgba(0,0,0,.1);border-radius:32px;border:1px solid rgba(255,255,255,.125);justify-content:center;margin-top:25px}.overlay__inner{max-width:1000px;display:flex;gap:20px}.overlay__title{font-size:30px;margin-bottom:32px}.overlay__inner__right{display:grid;place-items:center}.overlay__inner__right img{width:140px;border-radius:10px;height:auto}.text-gradient{background-image:linear-gradient(45deg,var(--base) 25%,var(--complimentary2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;text-shadow:0 0 0 rgb(0 0 0 / 10%)}.overlay__description{font-size:16px;margin-bottom:3rem}.overlay__btns{width:100%;display:flex}.overlay__btn{width:50%;height:40px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;color:var(--light-color);background:var(--dark-color);border:none;border-radius:8px;transition:transform 150ms ease;outline-color:hsl(var(--hue),95%,50%)}.overlay__btn:hover{transform:scale(1.05);cursor:pointer;color:var(--dark-color)}.overlay__btn--transparent{background:0 0;color:var(--dark-color);border:2px solid var(--dark-color);border-width:2px;margin-right:12px}.overlay__btn-emoji{margin-left:6px}a{text-decoration:none}@media (prefers-contrast:high){.orb-canvas{display:none}}@media only screen and (max-width:840px){body{padding:0 10px}.overlay{height:auto}.overlay__title{font-size:20px;margin-bottom:24px}.overlay__description{font-size:14px;margin-bottom:40px}}@media only screen and (max-width:600px){.overlay{padding:20px 10px}.overlay__btns{flex-wrap:wrap}.overlay__btn{width:100%;font-size:12px;margin-right:0}.overlay__btn:first-child{margin-bottom:16px}.overlay__inner__right img{width:100px}}#skills .overlay{margin-top:25px;display:block;padding:3rem}#skills .overlay__description h2{margin-bottom:10px;font-size:18px}#skills .overlay__description{width:25%;margin-bottom:20px}#skills .overlay__description li{font-size:12px;list-style:none}#skills footer{margin-top:50px!important}#skills .overlay__title{margin-bottom:0}@media (max-width:740px){.overlay__inner{flex-direction:column-reverse}.overlay__inner__right{text-align:center}#skills .overlay__inner{flex-direction:row;flex-wrap:wrap}#skills .overlay__description{width:46%}#skills .overlay{max-height:max-content;padding:20px}}#skills .overlay__tittle--description{margin-bottom:20px}@media (max-width:320px){#skills .overlay__description{width:100%;text-align:center}#skills .overlay__title{text-align:center}}