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 {
    justify-content: flex-start;
    align-items: flex-end;
    width: 30%;
    margin-top: 1rem;
}

.employee-name-title {
    width: 20%;
}

.employee-number-title {
    width: 22%;
    margin-left: 1rem;
}

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

.employeeNum {
    width: 16%;
}
.absence-info {
    width: 70%;
}

.pay-missed-header {
    width: 100%;
    margin: 2rem 0;
}

.pay-missed-titles-container, .backPayInfo {
    width: 100%;
    justify-content: space-evenly;
}

.pay-missed-titles-container > div {
    border-bottom: 1px solid black;
}

.backPayInfo > div {
    justify-content: center;
}

.location-info-container, .reason-pay-missed-container {
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 2rem;
    border-bottom: 1px solid black;
}

.location-info-container > p:first-of-type, .reason-pay-missed-container > p:first-of-type {
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 1rem;
}

.pay-missed-info-container {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.signature-header-container {
    width: 100%;
    margin: 1rem 0;
}

.manager-info-container {
    width: 100%;
    border-bottom: 1px solid black;
}
.manager-name-container {
    align-items: flex-end;
    width: 30%;
}

.dmSig-container {
    width: 50%;
    height: 50px;
    align-items: flex-end;
    margin-top: 1.5rem;
}

.dmSig {
    width: 60%
}

.today-date-container {
    width: 25%;
    justify-content: center;
    align-items: flex-end;
}

.todayDate {
    margin: 0
}

.footer {
    width: 100%;
    justify-content: space-evenly;
    padding: 0
}

.dm {
    width: fit-content;
    align-items: flex-end;
}

.manager-sig-title {
    width: 55%;
    justify-content: center;
}

.current-date-title {
    justify-content: flex-start;
    width: 6%
}