h2, h3, p {
   margin: 0;
}

p {
    font-size: 1.25rem
}

h3 {
    margin: 1rem 0;
}

div {
    display: flex;
}

.header-container {
    flex-wrap: wrap;
    width: 700px;
    height: fit-content;
    margin: 0 auto;
    padding: 0 1rem;
    border: 2px solid black;
}

.carlson-logo {
    width: 25%;
}

.company-title {
    justify-content: flex-end;
    width: 70%;
}

.form-title {
    align-items: flex-end;
    width: 50%;
    margin-top:1rem;
}

.current-date-container {
    justify-content: flex-end;
    align-items: flex-end;
    width: 45%;
}

.form-container {
    width: 700px;
    margin: 0 auto;
}

.form-header {
    height: fit-content;
    justify-content: center;
    color: white;
    background-color: #25354c;
    margin: 2rem auto;
}

.form-header > h3 {

}

.employee-info {
    flex-wrap: wrap;
    width: 100%;
}

.employee-name-title, .employee-number-title, .department-title, .manager-title, .dates-absent-title {
    justify-content: flex-start;
    align-items: flex-end;
    width: 30%;
    margin-top: 1rem;
}

.employeeName, .employeeNum, .department, .dm {
    justify-content: center;
    width: 70%;
    border-bottom: 1px solid black;
    margin-top: 1rem;
}

.absence-info {
    width: 70%;
}

.absence-from-title, .absence-to-title {
    align-items: flex-end;
    width: 10%
}

.absence-to-title {
    justify-content: flex-end;
}

.absenceFrom {
    justify-content: center;
    width: 40%;
    border-bottom: 1px solid black;
    margin-top: 1rem;
}

.absenceTo {
    justify-content: center;
    width: 42%;
    border-bottom: 1px solid black;
    margin-top: 1rem;
}

.num-hours-title {
    width: 50%;
    margin-top: 1rem;
}

.hours-container {
    margin-top: 1rem;
}

.hours {
    font-size: 18px;
    font-weight: bold;
    margin: 0
}

.manager-approval-title {
    height: fit-content;
    justify-content: center;
    color: white;
    background-color: #25354c;
    margin: 2rem auto;
}

.approval-yes-check-container {
    width: 100%
}

.comments-title-container {
    flex-direction: column;
    margin-top: 1rem
}

.comments-title {
    height: max-content;
    margin: 0
}

.comments-info-container {
    width: 100%;
}

.dmSig-container {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid black;
    align-items: flex-end;
    margin-top: 1.5rem;
}

.dmSig {
    width: 60%
}

.currentDate {
    margin: 0
}

.footer {
    width: 100%;
    padding: 0
}

.manager-sig-title {
    justify-content: flex-start;
    width: 50%
}

.current-date-title {
    justify-content: center;
    width: 50%
}