#projects details-accordion{position:relative}#projects h2 span{font-weight:400}details h2{padding:25px 0}summary:after{content:"";position:absolute;margin-top:2px;right:20px;width:28px;height:28px;top:38px;border:solid;border-color:#fff;border-width:0 6px 6px 0;animation:flipArrowDown .32s forwards}::marker{width:0;margin:0;padding:0;font-size:0}details[open] summary:after{margin-top:6px;width:40px;height:0;border-width:4px;right:20px;animation:flipArrowUp .24s;top:55px}@-webkit-keyframes flipArrowUp{100%{transform:rotate(-135deg)}}@keyframes flipArrowUp{100%{transform:rotate(-135deg)}}@-webkit-keyframes flipArrowDown{100%{transform:rotate(45deg)}}@keyframes flipArrowDown{100%{transform:rotate(45deg)}}.projects{margin-top:50px;width:100%;max-width:800px}.accordion__content{display:flex;gap:20px}.accordion__content--left{width:70%}.accordion__content--right{width:30%}.accordion__content--left p{padding-bottom:10px}.box-btn{text-align:center}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{font-size:12px;padding:5px 10px;border-radius:4px;color:#fff;font-weight:700;display:inline-block}.badge--html{color:#1b1b1b;background:#ff8300}.badge--css{background:#0073ff}.badge--sass{background:#ff71e9}.badge--vue{background:#009d16}.badge--ruby{background:red}.badge--git{background:#1b1b1b}.badge--figma{background:#1a0051}.badge--liquid{background:#36ff52;color:#00751e}.badge--js{background:#ffed00;color:#1b1b1b}.logo-container{text-align:center;border-radius:8px;box-shadow:0 5px 14px rgb(0 0 0 / 60%);padding:20px 10px}.logo-container.nexstep{background:#477c9e}.logo-container.nexstep img{max-width:200px}.logo-container.bootic{background:#000}.logo-container.agrourbana{background:#0a460b}.logo-container.bootic img{max-width:140px}.logo-container.agrourbana img{max-width:80px}.logo-container.rapanui{padding:5px}.logo-container.rapanui img{max-width:100px}.rapanui-project summary:after{border-color:#000}@media (max-width:600px){.logo-container.nexstep img{max-width:120px}.logo-container.bootic img{max-width:100px}.logo-container.rapanui img{padding:0;max-width:50px}.logo-container.agrourbana img{max-width:60px}.logo-container{padding:5px 10px}}details-accordion hr{margin-top:10px}footer{margin-top:50px!important}: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}