body {
margin: 3rem auto;
text-align: center;
font-family: -apple-system, Roboto;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
color: #333;
}
a {
color:#2ad708;
font-size:200%;
text-decoration: none;
}

h1 {
font-family: Impact;
font-weight: 400;
font-size: 3rem;
line-height: 2;
}

h2 {
font-size: 1.6rem;
line-height: 2;
font-weight: normal;
font-family: "lucida sans unicode", arial, sans-serif;
}
h3 {
line-height: 2;
}
h4 {
font-size: 16px;
font-weight: 400;
text-align: center;
margin:2rem 0;
}
img {
display: block;
margin:0 auto;
width:256px;
height: 256px;
}
@media (prefers-color-scheme: light) {
body {
background-color: #fff;
color: #333;
}
}

@media (prefers-color-scheme: dark) {
body {
background-color: #191919;
color: #D1D1D1;
}
}
.at:before {
content: '@'
}
.suffix:after {
content: 'com';
}