a{text-decoration:none}.link-arrow{color:var(--color-body);font-weight:700}.link-arrow.link-arrow-forward:after{content:"-->";margin-left:5px;transition:margin .15s ease}.link-arrow.link-arrow-backward:before{content:"<--";margin-right:5px}.link-arrow:hover:after{margin-left:10px}:root{--opacitySideCarosel:0.4;--carouselDotSize:0.8rem}.carousel__container{width:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.carousel__container:hover .carousel_left,.carousel__container:hover .carousel_right{opacity:1}.carousel__list{border-radius:3px;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow:hidden;max-height:400px}.carousel_left{justify-content:flex-start;left:0}.carousel_left,.carousel_right{height:80px;background-color:rgba(0,0,0,.6);display:flex;align-items:center;width:40px;opacity:0;position:absolute;transition:all .3s ease}.carousel_right{justify-content:flex-end;right:0}.carousel__img{height:400px;width:100%;-o-object-fit:cover;object-fit:cover;background-color:#000}@media screen and (max-width:768px){.carousel__img{-o-object-fit:contain;object-fit:contain}}.dots__container{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem;gap:.7rem}.carousel__dot{width:var(--carouselDotSize);height:var(--carouselDotSize);background-color:#fff;border-radius:40px;opacity:var(--opacitySideCarosel);cursor:pointer;transition:all .2s ease}.active__dot{transform:scale(1.1);opacity:1}.project__actions__contianer{display:flex;align-items:center;gap:.6rem;height:60px}.circle__container{width:-moz-max-content;width:max-content;height:100%;display:flex;align-items:center;justify-content:center}.circle{background-color:#e7e7e7;background-color:#fff;padding:1rem;flex-wrap:wrap;border-radius:100%;transition:padding .3s ease}@media screen and (min-width:768px){.circle:hover{display:flex;align-items:center;padding-right:1.4rem;cursor:pointer;gap:1rem;color:#000;width:-moz-max-content;width:max-content;border-radius:50px}.circle--text{opacity:0;transition:all .7s ease}.circle:hover .circle--text:after{content:"View project on GitHub"}.circle:hover .circle--text{opacity:1;font-weight:700}}.badge{border-radius:2px;color:#f0eff8;font-weight:600;padding:.5rem 2rem;white-space:nowrap}.badge--small{font-size:1.3rem}.badge--primary{background-color:#35348d}.badge--secondary{background-color:var(--color-secondary)}.btn{border:0;cursor:pointer;font-weight:500;padding:.5rem 2rem;white-space:nowrap;text-align:center;margin:1rem 0}.btn--large{padding:1rem 2rem;box-sizing:border-box}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-secondary);color:#fff}.btn--secondary:hover{background-color:var(--color-secondary-hover)}.btn--accent{background-color:var(--color-accent);color:#fff}.btn--rounded{border-radius:50px}.btn--block{width:100%;display:inline-block}.btn--outlined{border:1px solid #fff;color:#fff;background-color:transparent}