body { background-color: #ffffff; color: #000000; font-family: arial, sans-serif; padding: 20px; display: flex; justify-content: center; }
h1 { font-size: 400%; margin: 0; padding: 0; }
h2 { font-size: 120%; margin: 0; padding: 0; }
a:link { color: #8c8c8c; text-decoration: none; }
a:visited { color: #8c8c8c; text-decoration: none; }
a:hover { color: #8c8c8c; text-decoration: underline; }
a:active { color: #8c8c8c; text-decoration: underline; }
.content { position: absolute; width: 550px; top: 35%; transform: translateY(-35%); }
.logo-title { font-family: "CourierNew", Courier, monospace; font-size: 300%; font-weight: bold; letter-spacing: -3px; color: #05b8cc; }
.logo-description { font-style: italic; }
.shadow-box-outer { margin: 35px auto 35px auto; border: 5px solid #ececec; }
.shadow-box-inner { padding: 20px; border: 1px solid #cccccc; }
.contact { font-family: "CourierNew", Courier, monospace; padding: 20px; width: 500px; }
.contact a:link { color: #000000; text-decoration: none; }
.contact a:visited { color: #000000; text-decoration: none; }
.contact a:hover { color: #000000; text-decoration: underline; }
.contact a:active { color: #000000; text-decoration: underline; }
.social { text-align: right; }