body {    
    background-color: whitesmoke;
    margin-top: 100px;
}

.topheading {
    margin-top: 11px;
    /* border: 2px solid black; */
    font-size: 20px;
    color: black;
}

.footer {
    padding-bottom: 20px;
}

form {
    text-align: center;
}

.form-control {
    width: 70%;
    border-radius: 10px !important;
    box-shadow: 10px 10px 20px #00000061;
    margin: 0 auto;
}


.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #3c3c3c;
    box-shadow: 11px 10px 15px 0rem rgb(0 0 0 / 35%);
}

@media screen and (max-width: 1024px) {
    .form-control {
        width:100%
    }
}

button.btn.btn-primary.submit:hover {
    background: #0a5a6d;
}

button.btn.btn-primary.submit {
    background: green;
}

.buttons {
    margin-top: 40px;
}

.table thead th {
    width: 33%;
}

.table td, .table th {
    border-top: 1px solid #9d9d9d1c;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e617;
}


@media screen and (min-width: 750px) {
    .table td, .table th {
        padding: 0.5rem 0 0.5rem 5rem;
    }
}

.nav__content.bd-grid {
    width: 100%;
}