html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }
body { background: url('background.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; font-family: 'Inter'; }
.info-box { width: 85%; max-width: 600px; display: block; overflow: auto; margin: auto; margin-top: 12%; background: rgba(255,255,255,0.5); padding: 20px; }
.info-box > img { width: 70%; margin: auto; text-align: ; display: block; margin-top: 20px; }
h1 { text-align: center; }
p { text-align: center; }
.info-box a { background: #6600FF; padding: 15px 30px 15px; color: white; text-decoration: none; display: block; width: 140px; border-radius: 5px; margin: auto; margin-top: 30px; transition: 0.5s; text-align: center; font-weight: bold; }
.info-box a:hover { background: #6600BB; transition: 0.5s; }
span { color: #6600FF; }
footer { position: fixed; bottom: 0px; background: white; width: 100%; padding: 20px; text-align: center; font-size: 10px; border-top: 2px solid #6600FF; font-weight: 400; box-sizing: border-box; }