@import url(https://fonts.googleapis.com/css?family=Muli&display=swap);*{box-sizing:border-box}body{font-family:"Muli",sans-serif}.container{width:80vw;margin:0 auto}.container h2{margin:30px auto;text-align:center}.cards-container{display:flex}.card{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;height:27rem;border-radius:50px;cursor:pointer;flex:0.05 1;margin:3px;transition:flex 1s ease-in}.card h3{position:absolute;font-size:24px;bottom:20px;left:20px;margin:0;opacity:0}.card.active{flex:0.8 1}.card.active h3{opacity:1;transition:opacity .6s ease-in .6s}@media (max-width:480px){.container{width:100vw}.card:nth-of-type(4),.card:nth-of-type(5){display:none}}
/*# sourceMappingURL=main.e1205868.chunk.css.map */