.navbar{width:100%;display:grid;grid-template-columns:2fr auto;align-items:center;padding:10px 20px;position:absolute;transition:transform .3s ease;z-index:2}.navbar .navbar__right{display:flex;gap:2rem;align-items:center}.navbar .navbar__right .navbar__socialsItem{transition:all .5s ease;height:25px;width:25px}.navbar .navbar__right .navbar__socialsItem:hover{transform:scale(1.1)}.navbar .navbar__right .navbar__socialsItem img{width:100%}.navbar__menu{background-color:rgba(0,128,0,.43);position:absolute;top:10vh;width:100%;z-index:-1;transform:translateY(-100vh);transition:all .3s ease-in-out;display:grid;place-items:center}.navbar__menu ul{list-style-type:none;display:flex;align-items:center;justify-content:center}.navbar__menu.open{display:block;transform:translateY(0)}.projects{min-height:100vh;display:flex;flex-direction:column;position:relative;padding:0 1.5rem}@media screen and (min-width:1080px){.projects{padding:0 10rem}}@media screen and (min-width:768px){.projects{margin:0 0 10rem}}.projects .projects__float{position:absolute;top:0;right:0;width:fit-content;height:20vh;z-index:9}.projects .projects__float img{width:30vw;height:30vh;object-fit:cover}@media screen and (min-width:768px){.projects .projects__float img{width:30vw;height:30vh}}@media screen and (min-width:1080px){.projects .projects__float img{width:30vw;height:30vh;right:2}}.projects .projects__content a{display:block;text-transform:uppercase}.projects .projects__content .projects__item{display:inline-block;width:100%;transition:all .2s ease;border-bottom:1px solid var(--color-primary)}.projects .projects__content .projects__item p{transition:all .2s ease;font-size:3rem}@media screen and (min-width:768px){.projects .projects__content .projects__item p{font-size:5rem}}@media screen and (min-width:1080px){.projects .projects__content .projects__item p{font-size:9rem}}.projects .projects__content .projects__item .projects__item-desc{display:block;height:0;opacity:0;font-size:.01rem;transition:all .5s ease;text-transform:lowercase}.projects .projects__content .projects__item:hover{background-color:var(--color-primary)}.projects .projects__content .projects__item:hover p{transition:all .2s ease;color:var(--color-secondary)}.projects .projects__content .projects__item:hover .projects__item-desc{opacity:1;font-size:.5rem;color:var(--color-secondary);height:100%;transition:all .5s ease;padding-left:5px}@media screen and (min-width:768px){.projects .projects__content .projects__item:hover .projects__item-desc{font-size:1.1rem}}.projects .projects__content .projects__arrow{position:absolute;right:0}:root{--item-width:100%}.carousel__container{width:100%;display:flex;flex-direction:column;z-index:9;justify-content:center;overflow-x:hidden;position:relative}.carousel__container .carousel__title{font-size:5rem;text-decoration:underline}.carousel__container .carousel{display:flex;align-items:center;overflow:hidden;width:100%;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel__container .carousel .carousel__item{width:var(--item-width);height:100vh;flex:0 0 auto}@media screen and (min-width:768px){.carousel__container .carousel .carousel__item{width:var(--item-width)}}@media screen and (min-width:1080px){.carousel__container .carousel .carousel__item{width:40%}}.carousel__container .carousel .carousel__item img{width:100%;height:100vh;transition:all .5s ease;object-fit:cover}.footer{height:100vh;display:flex;align-items:center;justify-content:center;padding:0 1.5rem}@media screen and (min-width:768px){.footer{padding:0 5rem}}@media screen and (min-width:1080px){.footer{padding:0 10rem}}.footer .footer__text{font-size:1.5rem}@media screen and (min-width:768px){.footer .footer__text{font-size:2.5rem}}@media screen and (min-width:1080px){.footer .footer__text{font-size:3rem}}.main-cursor,.secondary-cursor{z-index:10000;pointer-events:none;transform:translateZ(0);position:fixed}.main-cursor{transition:opacity 1s cubic-bezier(.77,0,.175,1);animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 0s forwards;mix-blend-mode:difference}.main-cursor .main-cursor-background{width:30px;height:30px;background:#fff;border-radius:50%}.secondary-cursor{width:60px;height:60px}.secondary-cursor .cursor-background{width:100%;height:100%;border-radius:50%;border:1px solid var(--color-black);position:relative}.secondary-cursor .cursor-background:after,.secondary-cursor .cursor-background:before{content:"";width:3px;height:3px;border-radius:50%;background:#fff;display:block;position:absolute;top:50%;transform:translateY(-50%);animation:fadeOut .75s cubic-bezier(.77,0,.175,1) 0s forwards}.secondary-cursor .cursor-background:before{left:10px}.secondary-cursor .cursor-background:after{right:10px}.slider-drag .cursor-background{animation:scaleUp 1s cubic-bezier(.77,0,.175,1) 0s forwards,bgUp 1s cubic-bezier(.77,0,.175,1) 0s forwards}.slider-drag .cursor-background:after{animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 0s forwards,translateRightDot 1s cubic-bezier(.77,0,.175,1) 0s forwards}.slider-drag .cursor-background:before{animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 0s forwards,translateLeftDot 1s cubic-bezier(.77,0,.175,1) 0s forwards}.slider-drag .main-cursor{animation:fadeOut .75s cubic-bezier(.77,0,.175,1) 0s forwards}.hamburger .cursor-background{animation:fadeOut 1s cubic-bezier(.77,0,.175,1) 0s forwards}.hamburger .main-cursor-background{animation:scaleUp 1s cubic-bezier(.77,0,.175,1) 0s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bgUp{0%{background-color:rgba(0,0,0,0)}to{background-color:#000}}@keyframes bgDown{0%{background-color:#000}to{background-color:rgba(0,0,0,0)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes scaleDown{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes translateLeftDot{0%{transform:translate(20px,-50%)}to{transform:translateY(-50%)}}@keyframes translateRightDot{0%{transform:translate(-20px,-50%)}to{transform:translateY(-50%)}}