html{height:100%}body{background-color:#dbebf0;overflow-y:auto;display:flex;flex-direction:column;gap:40px}main{flex:1}.events-main-container{padding:0 2rem;height:100%}.events-main-container h1{font-family:Patrick Hand;text-align:center;font-size:3.3rem;color:#49a0b8;margin:0 0 20px}.events-main-container .events-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.events-main-container .events-container .event-card{position:relative;max-width:300px;background-color:#fff;box-shadow:3px 3px 5px #b6b6b6;padding:10px;border-radius:7px;border-bottom:7px solid #49A0B8;transition:transform .1s;z-index:0}.events-main-container .events-container .event-card:hover{transform:translateY(-10px)}.events-main-container .events-container .event-card h3{color:#49a0b8;margin:10px 0}.events-main-container .events-container .event-card .event-info{margin:10px 0}.events-main-container .events-container .event-card .event-info div{display:flex;align-items:center;gap:4px;margin:7px 0}.events-main-container .events-overlay{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0;width:100%;height:100%;background-color:#0005}.events-main-container .events-overlay div{max-width:300px;padding:10px;background-color:#fff;border-radius:7px}