*{margin:0;padding:0}img{height:auto;max-width:100%}body{background-color:#f9fafc;font-family:Gotham A,Gotham B,sans-serif;font-size:16px}body .background{position:fixed;top:0;left:0;width:100%;height:100%}body .background svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.03;min-width:80%;min-height:120%}body .wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;margin:0 auto}body .wrapper .main{position:relative;border-radius:15px;box-shadow:0 25px 50px #00000026;opacity:0;transition:opacity .5s,top .5s;background-color:#fff;padding:15px;top:25px;margin:15px}.ready :is(body .wrapper .main){top:0;opacity:1}body .wrapper img{border-radius:8px}body .wrapper .headline{display:grid;grid-template-columns:65px auto;grid-column-gap:10px;margin:1em 0}body .wrapper h1{color:#474c4e;font-size:1.625em;letter-spacing:-.025em}body .wrapper h5{color:#556170;font-weight:500}body .wrapper .date{text-align:center}body .wrapper .date-box{display:inline-block;background-color:#e9f0f5;color:#474c4e;text-align:center;padding:10px 0 15px;width:100%;border-radius:8px;font-weight:700;line-height:1em}body .wrapper .date-box .month{text-transform:uppercase;margin:0 0 .25em;font-size:.875em}body .wrapper .date-box .day{font-size:1.75em}body .wrapper .description{font-size:.875em;color:#556170}body .wrapper .button a{display:block;background-color:#4aa1d7;color:#fff;text-align:center;margin:2em 0 0;text-decoration:none;font-weight:500;padding:1.5em 0;border-radius:8px;transition:background-color .25s}body .wrapper .button a:hover{background-color:#2e7cac}