body { margin: 0; padding: 0; 
    font-family: Arial, sans-serif;
}

body.mobile .page-container {
    width: 100%; min-width: 320px;
    padding: 1.5rem .5rem;
}
body:not(.mobile) .page-container {
    min-width: 30rem; max-width: 40rem;
    margin-left: auto; margin-right: auto;
    padding: 5rem 1rem;
}

.page-container {
    box-sizing: border-box;
    display: flex; flex-direction: column;
}

.page-container .bold {
    font-weight: 700;
}
.page-container .mr {
    margin-right: .4rem;
}
.page-container .content {
    padding: .6rem 1rem;
    background-color: #fff;
    border: .15rem solid #4b4b4b;
    border-radius: .3rem;
    box-shadow: 0 0 .4rem rgba(0, 0, 0, 0.1);
    color: #4b4b4b;
    font-size: 1.1rem;
}

.page-container .action { margin-top: .5rem; }
.page-container .status { margin-top: .3rem; }
.page-container .armoire,
.page-container .status {
    display: flex; align-items: center;
}


.page-container .action { width: 100%; }
.page-container .action > a {
    box-sizing: border-box;
    display: inline-block; width: 100%;
    padding: .3rem .6rem;
    background-color: rgb(2, 117, 216);
    border-radius: .3rem;
    color: #fff; text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
}