header{display:flex;justify-content:center}header,header img{max-width:100%}main{margin-bottom:1rem;justify-content:center;row-gap:1rem;color:#eee}main,main .panel{display:flex;flex-direction:column;align-items:center}main .panel{width:35rem;max-width:95%;background:#444;border-radius:1rem;row-gap:.5rem;box-sizing:border-box;padding:.5rem}main .intro h1{color:#ebc941}main .intro p{background:rgba(0,0,0,.1);border-radius:.5rem;padding:1rem}main .contact h1{color:#32a5d8}main .contact .buttons{width:100%;display:flex;column-gap:.5rem;text-align:center}main .contact .buttons>a{padding:1rem;border-radius:.5rem;flex:1 1;background:rgba(0,0,0,.1);text-decoration:none;color:#fff;cursor:pointer;transition:.1s}main .contact .buttons>a h2{margin-bottom:.5rem;text-decoration:underline;-webkit-text-decoration-color:#32a5d8;text-decoration-color:#32a5d8;text-underline-offset:.2rem}main .contact .buttons>a i{font-size:5rem}main .contact .buttons>a:hover{background:rgba(0,0,0,.2)}main .upcoming h1{color:#eb9341}main .upcoming .subtitle{text-align:center;font-size:large}main .upcoming .events{display:flex;flex-direction:column;row-gap:1rem;margin:1rem 0}main .upcoming .events .event h3{display:flex;justify-content:center;column-gap:1rem;margin-top:.5rem}main .upcoming .events .event h3>span{display:flex;column-gap:.5rem}main .upcoming .events .event h3 a{color:#eb9341}