:root{--clr-orange:#ba5d2c;--clr-grey:#617d98;--clr-white:#fff;--transition:all 0.3s linear;--radius:0.25rem;--max-width:1170px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}.wrapper{margin:5rem auto;max-width:1170px;max-width:var(--max-width)}.center,.wrapper{width:80vw;text-align:center}.center{margin:4rem auto 0;height:400px;max-width:800px;position:relative;display:flex;overflow:hidden}article{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:var(--transition)}article.activeSlide{opacity:1;transform:translateX(0)}article.lastSlide{transform:translateX(-100%)}article.nextSlide{transform:translateX(100%)}.next,.prev{position:absolute;top:200px;transform:translateY(-50%);background:var(--clr-grey);color:var(--clr-white);width:1.25rem;height:1.25rem;display:grid;place-items:center;border-color:transparent;font-size:1rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.next:hover,.prev:hover{background:var(--clr-orange)}.prev{left:0}.next{right:0}@media (min-width:800px){.text{max-width:45em}.next,.prev{width:2rem;height:2rem;font-size:1.5rem}}
/*# sourceMappingURL=main.a517f411.chunk.css.map */