@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css");

body {
    font-family: 'Cascadia Code', sans-serif;
    align-content: center;
    background-color: #272727;
}

p {
    margin: auto;
    text-align: center;
    color: white;
    font-size: xxx-large;
}

@media screen and (min-width: 1000px) {
    p {
        font-size: xx-large;
    }
}

.message-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #2b2b2b;
    padding: 25px;
    border-radius: 15px;
    transition: all 200ms ease;
    box-shadow: 0 0 0 0 #212121;
    cursor: pointer;
}

.message-text:hover {
    top: 49.5%;
    box-shadow: 0px 8px 9px 0px #202020;
}