* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #06101f; }
body { font-family: Arial, Helvetica, sans-serif; }
.site-wrap { position: relative; width: 100%; max-width: 1535px; margin: 0 auto; background: #06101f; }
.homepage { display: block; width: 100%; height: auto; }
.hotspot { position: absolute; display: block; z-index: 2; text-decoration: none; }
.hotspot:focus { outline: 3px solid #fff; outline-offset: 2px; border-radius: 8px; }

/* Top social icons */
.fb-top { left: 76.2%; top: 2.2%; width: 2.2%; height: 4.8%; }
.ig-top { left: 79.1%; top: 2.2%; width: 2.2%; height: 4.8%; }
.tt-top { left: 81.9%; top: 2.2%; width: 2.2%; height: 4.8%; }
.yt-top { left: 84.8%; top: 2.2%; width: 2.2%; height: 4.8%; }

/* Buttons */
.register-top { left: 87.7%; top: 1.7%; width: 10.8%; height: 5.9%; }
.register-main { left: 1.9%; top: 42.5%; width: 15.5%; height: 5.2%; }
.learn-main { left: 18.7%; top: 42.5%; width: 13.2%; height: 5.2%; }
.register-bottom { left: 38.5%; top: 92.0%; width: 20.2%; height: 4.1%; }

/* Bottom social icons */
.fb-bottom { left: 17.1%; top: 96.4%; width: 1.7%; height: 2.8%; }
.ig-bottom { left: 19.1%; top: 96.4%; width: 1.7%; height: 2.8%; }
.tt-bottom { left: 21.1%; top: 96.4%; width: 1.7%; height: 2.8%; }
.yt-bottom { left: 23.1%; top: 96.4%; width: 1.7%; height: 2.8%; }

.seo-text { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (min-width: 1536px) { body { display: flex; justify-content: center; } }