body,
html {
    height: 100%;
    overflow: hidden;
}

body {
    background-color: #c3efc3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
}

.date-container {
    height: 200px;
    width: 200px;
    background-color: white;
    position: relative;
    box-shadow: 0px 0px 0px 7px #86909a99, 0 0 15px 15px #00000033;
}

.month {
    width: 100%;
    height: 20%;
    background-color: #ce5f5f;
    text-transform: uppercase;
    color: white;
    font-size: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    font-size: 5rem;
    margin-top: -10px;
}