@import url('https://fonts.googleapis.com/css?family=Heebo:400,700|Open+Sans:400,700');:root{--color:#3c3163;--transition-time:.5s}*{box-sizing:border-box}a{color:inherit}.event-cards-wrapper{display:grid;justify-content:center;align-items:center;grid-template-columns:1fr 1fr 1fr;grid-gap:4rem;padding-top:4rem;padding-bottom:4rem;margin:0 auto;width:max-content}.event-card{font-family:'Heebo';--bg-filter-opacity:.5;background-image:linear-gradient(rgba(0,0,0,var(--bg-filter-opacity)),rgba(0,0,0,var(--bg-filter-opacity))),var(--bg-img);height:20em;width:15em;font-size:1.5em;color:white;border-radius:0;padding:1em;display:flex;align-items:flex-end;background-size:cover;background-position:center;box-shadow:0 0 2em -1em black;transition:all,var(--transition-time);position:relative;overflow:hidden;border:10px solid #fff;text-decoration:none}.event-card:hover{transform:rotate(0)}.event-card h1{color:white !important;margin:0;font-size:1.5em;line-height:1.2em}.event-card p{font-size:.75em;font-family:'Open Sans';margin-top:.5em;line-height:2em}.event-card .tags{display:flex}.event-card .tags .tag{font-size:.75em;background:rgba(255,255,255,0.5);border-radius:.3rem;padding:0 .5em;margin-right:.5em;line-height:1.5em;transition:all,var(--transition-time)}.event-card:hover .tags .tag{background:var(--color);color:white}.event-card .date{position:absolute;top:0;right:0;font-size:.75em;padding:1em;line-height:1em;opacity:.8}.event-card:before,.event-card:after{content:'';transform:scale(0);transform-origin:top left;border-radius:50%;position:absolute;left:-50%;top:-50%;z-index:-5;transition:all,var(--transition-time);transition-timing-function:ease-in-out}.event-card:before{background:#ddd;width:250%;height:250%}.event-card:after{background:white;width:200%;height:200%}.event-card:hover,.event-card:hover h1{color:var(--color) !important}.event-card:hover:before,.event-card:hover:after{transform:scale(1)}.event-card-grid-space .num{font-size:3em;margin-bottom:1.2rem;margin-left:1rem}.info{font-size:1.2em;display:flex;padding:1em 3em;height:3em}.info img{height:3em;margin-right:.5em}.info h1{font-size:1em;font-weight:normal}@media screen and (max-width:1285px){.event-cards-wrapper{grid-template-columns:1fr 1fr}}@media screen and (max-width:900px){.event-cards-wrapper{grid-template-columns:1fr}.info{justify-content:center}.event-card-grid-space .num{/margin-left:0;/text-align:center}}@media screen and (max-width:500px){.event-cards-wrapper{padding:4rem 2rem}.event-card{max-width:calc(100vw - 4rem)}}@media screen and (max-width:450px){.info{display:block;text-align:center}.info h1{margin:0}}