body {
    background-color: black;
    color:lavender;
}
a {
    color: red;
}
.box {
    margin: auto;
}

.inner-box {
    margin: 10px;
    width: calc(100% - 10px);
    background-color: gray;
    aspect-ratio: 1;
    border-radius: 10px;
}

.inner-box:hover {
    background-color: darkslategray;
}

.preview {
    text-align: center;
    margin: 10px;
    width: calc(100% - 10px);
    font-size: xx-large;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 48em) {
    .preview {
        font-size: large;
    }
}