@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap');





.row{


    max-width: 100vw !important;


    margin: 0 !important;


}





body{


    background-color: rgba(251, 251, 251, 0.282) !important;


}





nav{


    background-color: black !important;


}





.main-container{


    min-height: 100vh;


    max-height: auto;


    padding-left: 5vw;


    padding-right: 3vw;


    padding-top: 20vh;


    padding-bottom: 10vh;


    margin: 0 auto;


    text-align: center;


}





#form, #response{


    background-color: rgba(251, 251, 251, 0.282) !important;


}





/*form*/


form{


    background-color: rgba(255, 255, 255, 0.814);


    border-radius: 15px;


    box-shadow: 2px 2px 1.5px rgba(15, 15, 15, 0.256);


    padding: 3rem!important;


    font-family: 'Source Sans Pro', sans-serif;


    text-align: left;


    margin-bottom: 5vh;


    height: auto;


}





.response-text{


    background-color: rgba(255, 255, 255, 0.814);


    border-radius: 15px;


    box-shadow: 2px 2px 1.5px rgba(15, 15, 15, 0.256);


    padding: 3rem!important;


    font-family: 'Source Sans Pro', sans-serif;


    text-align: center;


    margin-bottom: 5vh;


    height: auto;


}





.response-text .btn{


    background-color: rgb(95, 148, 195) !important;


    border: rgb(95, 148, 195) !important;


    font-weight: bold !important;


    box-shadow: 2px 2px 1.5px rgba(15, 15, 15, 0.256) !important;


    color: white !important;


    margin: 5vh;


}





form h2{


    font-weight: normal;


}





form img{


    height: 50px;


}





form label{


    font-weight: bold;


    text-shadow: 1px 1px 1px rgb(157, 157, 157);


    margin-bottom: .5rem;


    color: rgb(97, 95, 95);


}





.input-group{


    background-color: transparent !important;


}





.input-section-one{


    background-color: white !important;


    border-radius: 0.375rem !important


}





.showBtn{


    border-top: 1px solid #dee2e6 !important;


    border-bottom: 1px solid #dee2e6 !important;


    border-right: 1px solid #dee2e6 !important;


    background-color: transparent !important;


    border-top-right-radius: 0.375rem !important;


    border-bottom-right-radius: 0.375rem !important;


    z-index:0; 


    display: flex;


    align-items: center;


    width: 35px;


    justify-content: center;


}





form button{


    background-color: rgb(95, 148, 195) !important;


    border:rgb(95, 148, 195) !important;


    font-weight: bold !important;


    box-shadow: 2px 2px 1.5px rgba(15, 15, 15, 0.256) !important;


    color: white !important;


}





form button:hover{


    background-color: rgb(62, 90, 114) !important;


}