@media screen and (max-width: 800px){
    .time-input-holder {
        width: 25%;
    }
}

@media screen and (max-width: 580px){
    .input-holder {
        width: calc((100% - 1rem) / 2);
    }

    .description-input-holder {
        width: 100%;
    }

    .description-input-holder textarea {
        height: 65px;
    }
}

@media screen and (min-width: 550px){
    .report-sheet-top{
        flex-direction: row;
        gap: 3rem;
    }

    .input-box {
        padding: 0.8rem 2rem;
    }
}