a img {
opacity: 60%;
}
a:hover img {
opacity: 100%;
}
body {
margin: 0;
font-family: "SpaceGrotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #e5e5e5;
}
p {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
width: 400px;
padding: 0.2em;
}
.outer {
display: table;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: #eee;
padding: 1em;
}