body {width: 100vw; height: 100vh; margin: 0; padding: 0; display: grid; grid-template-rows: auto max-content auto; grid-template-columns: auto 1024px auto; overflow: hidden; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}
body #body_background {grid-row: 1 / span 3; grid-column: 1 / span 3; z-index: 1; width: 100%; }
#content_center {grid-row: 2;grid-column: 2; width: 1024px; display: grid; grid-template-rows: max-content max-content; z-index: 4;}

#social_title {grid-row: 1; max-width: 1024px; margin: auto; margin-top: 50px;  margin-bottom: 10px; display: grid; grid-template-columns: max-content max-content;}
#social_title #social_logo {grid-column: 1; max-height: 90px; border-radius: 90px; -moz-border-radius:90px; -webkit-border-radius: 90px;}
#social_title #social_title_text {grid-column: 2; font-size: 24px; font-weight: bold; color:white; margin-top:36px; margin-left: 25px;}
#social_field {grid-row: 2;}
.social_account {height: 50px; border-radius: 8px; margin: 10px; display: grid; grid-template-columns: 64px auto max-content; }
.social_account .social_icon {grid-column: 1; Max-width: 30px; max-height: 30px; margin: auto; margin-top: 10px; margin-left: 15px;}
.social_account .social_caption {grid-column: 2; font-size: 20px; font-weight: bold; margin-top: 10px; margin-left: 0px; }
#copyright_info {position: fixed; bottom: 0; right: 0; font-weight: bold; text-align: right; color: white; z-index: 5; text-shadow: 3px 3px 1px #000;}

/*
 * Queries
 */
@media (prefers-color-scheme: light) {
    body {background: white}
    body #body_background {opacity: 1.0;}
    .social_account {background-color: white; cursor: default;}
    .social_account:hover {background-color: lightgray;}
    .social_account .social_icon {filter: invert(1);}
    .social_account .social_caption {color: black;}
}
  
@media (prefers-color-scheme: dark) {
    body {background: black}
    body #body_background {opacity: 0.6;}
    .social_account {background-color: #2A2A2A; cursor: default;}
    .social_account:hover {background-color: black;}
    .social_account .social_caption {color: white;}
}