* {
    border: 1px solid red;
}

.wrapper {
    display: flex;
    justify-content: space-between;

    height: 1024px;
}

.container.sms {
    width: 185px;
}

.container.sms .similiar-size {
    font-size: 1.875rem;
}

.container.sms .text.two {
    font-size: 1.25rem;
}

.container.attendance-list {
    display: flex;
    flex-direction: column;

    width: 1043px;
}

.container.attendance-list .text.one {
    font-size: 2.188rem;
}

.container.attendance-list input{
    align-self: flex-end;
}

.container.user {
    width: 169px;
}

.container.user .text.one {
    font-size: 1.5rem;
}

@media only screen and (max-width: 940px) {
    html {
        font-size: 70%; 
    }
}

@media only screen and (max-width: 670px) {
    html {
        font-size: 50%; 
    }
}