html {
    font-size: 62.5%;
}

body {
    /* background: #CBE1F1; */
    background: #DCE5FF;
    font-family: "Nunito";
    margin: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

main {
    /* background: white; */
    background: #FFFFFF;
    border-radius: 3.7em;
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: .5em .5em 1em;
    transition: transform .5s ease, box-shadow .5s ease;
}

main:hover {
    transform: translateY(-1em);
    box-shadow: .2em .2em 2em;
    
}

div.content {
    display: flex;
    align-items: center;
}

div.content img {
    width: 5.2em;
    height: 5.2em;
    border-radius: 50%;
    object-fit: cover;
    margin: 1.1em 1.8em 1.1em 1.1em;
}

.content h1 {
    margin: 0;
    font-size: 2rem;
    font-weight: bold;
}

main .status {
    width: 2em;
    height: 2em;
    margin: 2.7em 2.5em;
}