*{box-sizing:border-box}body{color:#d4a76d;background:linear-gradient(#0b002e,#000);flex-flow:column;align-items:center;min-height:100vh;margin:0;font-family:sans-serif;display:flex}.introduction{color:#000;text-align:center;background:#d4a76d;border-radius:50%;padding:2em 3em;font-size:120%;font-weight:800}h1{font-size:250%}h2{border-bottom:3px solid #e3bb87;border-radius:0 0 10px 10px;padding:0 30px;font-size:200%;position:relative}h2:after{content:"";border-top:15px solid #e3bb87;border-left:15px solid #0000;border-right:15px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}ul.events{flex-flow:column;justify-content:center;gap:15px;padding:0;display:flex}ul.events li{aspect-ratio:2;width:100%;max-width:800px;list-style:none;position:relative;overflow:hidden}ul.events li:hover img{transform:scale(1.1)}ul.events li img{width:100%;height:100%;transition:transform .3s}ul.events li .box{color:#fff;background:linear-gradient(90deg,#0000,#000a 50px);padding:5px 5px 5px 50px;position:absolute;bottom:0;right:0}ul.events li .title{text-shadow:0 0 10px #000;font-size:150%;font-weight:bolder}ul.events.small{grid-template-columns:repeat(auto-fit,minmax(300px,400px));justify-content:center;width:100%;max-width:1300px;display:grid}ul.events.small li .box .title{font-size:100%}hr{width:90vw}address{text-align:center;padding:0 0 5em;font-style:normal}.alert{color:#000;text-align:center;background:#e3bb87;border-radius:10px;margin:2em 0 0;padding:2em;font-weight:700}.alert a{color:#000;text-decoration:underline}
