body {
    background: whitesmoke !important;
}
.header1 {
    font-size: 20px;
    padding-left: 21px;
}

.t1{
    padding-left:55px;

}
.t2{
    font-size:16px;
}
.t3 {
    font-size: 14px;
    padding-top: 10px;
}
#input:invalid + button1 {
    opacity: 0.5;
    pointer-events: none;
}

.alert {
    padding: 20px !important;
    background-color: red !important;
    color: white;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    .closebtn:hover {
        color: black;
    }
.tooltip1 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip1 .tooltiptext1 {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip1 .tooltiptext1::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip1:hover .tooltiptext1 {
        visibility: visible;
        opacity: 1;
    }