@font-face{font-family:Satoshi;src:local("Satoshi-Black"),url(/static/media/Satoshi-Black.d27fb329e3c56de46506.otf)}.center{display:block;margin-left:auto;margin-right:auto;width:50%}li{list-style-type:none}a{font-size:2rem;text-decoration:none}a,nav{color:#fff}nav{align-items:center;background-color:#1b252c;box-sizing:border-box;display:flex;font-family:Satoshi;justify-content:space-around;min-height:10vh}nav .logo{margin-left:20px}nav .links{display:flex;justify-content:space-around;margin-left:auto;width:30%}nav .links a:hover{color:#3cba3e;transition:.9s}strong{font-size:22px;font-weight:700;margin-left:20px;text-transform:uppercase}.title{color:#1b252c;font-family:Satoshi;font-size:60px;left:50%;position:absolute;-webkit-transform:translate(-58%,70%);transform:translate(-58%,70%)}*{box-sizing:border-box;margin:0;padding:0}.container{align-items:center;display:flex;height:100vh;justify-content:center;margin:auto;width:80%}.card-container{height:22rem;position:relative;width:50rem}.background-block{height:100%;position:absolute;width:100%;z-index:0}.card-container svg{color:gray;font-size:3rem;position:absolute;top:50%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.card-container svg:hover{color:#3b697e;cursor:pointer}article{transition:all 1s;width:12rem}.card,article{height:100%;position:absolute}.card{background-color:#d3bfa8;border-radius:1rem;box-sizing:border-box;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none;width:100%}.card:hover{cursor:pointer}.card img{height:20rem;object-fit:cover;object-position:top;pointer-events:none;width:40rem}.prevCard{left:0;opacity:0;z-index:-1}.activeCard{height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.nextCard{left:100%;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-1}.leftBtn{left:-5rem}.rightBtn{right:-5rem}.paginator{align-items:center;display:flex;height:2rem;justify-content:space-between;left:50%;max-width:50rem;top:-5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hr,.paginator{position:absolute;width:100%}.hr{height:2px}.dot,.hr{background-color:gray}.dot{border-radius:50%;height:1rem;transition:all 1s;width:1rem;z-index:1}.dot:hover{cursor:pointer}.dot.active{background-color:#fff;box-shadow:0 0 0 4px grey}@media screen and (max-width:425px){.container{overflow:hidden;width:100%}.card-container{width:80%}.prevCard{left:-35%}.nextCard{left:135%}}
/*# sourceMappingURL=main.4c8c9af5.css.map*/