html,
body {
    height: 100%;
}

body {

    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-bottom: 20px;
    background-color: #f4f4f4;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    border-style: inset;
    border-width: 1px;
    border-color: #084298;
    width: 100%;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
}

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-floating:focus-within {
        z-index: 2;
    }

    .form-signin input[type="email"] {
        margin-bottom: 10px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
.about {
    border-style: inset;
    border-width: 1px;
    border-color: #084298;
    margin-bottom: auto;
    margin-top: 50px;
    width: 100%;
    max-width: 640px;
    padding: 15px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
}

.reg {
    border-style: inset;
    border-width: 1px;
    border-color: #084298;
    width: 100%;
    max-width: 2400px;
    max-height: auto;
    padding: 15px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: 50px;
    background-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
}

.navbar {
    margin-bottom: 20px;
}

.colm {
    margin-bottom: 20px;
    
}

.question {
    border-style: inset;
    border-width: 1px;
    border-color: #084298;
    width: 100%;
    max-width: 800px;
    max-height: auto;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
    margin-bottom: auto;
    margin-top: 50px;
}

.answer {
    border-style: inset;
    border-width: 0px;
    border-color: #084298;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    font-weight: 600;
    background-color: #ffffff;
    border-radius: 15px 15px 15px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.table-butt {
    border-style: none;
}



<li class="nav-item" >
<a class="nav-link active" aria-current="page" href="#" > Home</a >
</li >
<li class="nav-item" >
<a class="nav-link" href="#" > Link</a >
</li >
<li class="nav-item" >
<a class="nav-link disabled" > Disabled</a >
</li >
<li class="nav-item dropdown" >
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false" > Dropdown</a >
<ul class="dropdown-menu" aria-labelledby="dropdown01" >
<li > <a class="dropdown-item" href="#" > Action</a > </li >
<li > <a class="dropdown-item" href="#" > Another action</a > </li >
<li > <a class="dropdown-item" href="#" > Something else here</a > </li >
</ul >
</li >