@charset "utf-8";
#wrapper {
    margin: auto;
    height: auto;
    width: 100%;
    text-align: center;
}
.header{
    background-color:rgb(0, 113, 236);
    margin: auto;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 100%;
    text-align: center;
    color: aliceblue;
    border-radius: 20px;
}



.main{
    background-color: white;
    margin: auto;
    height: auto;
    width: 70%;
    padding: 2%;
    font-size: 20px;
    color: rgba(0,147,255,1);
    text-align: center;
    border-radius: 7px;
    font-weight: bold;
    
}

.main2{
    background-color: white;
    margin: auto;
    height: auto;
    width: 70%;
    padding: 2%;
    font-size: 20px;
    color: rgba(0,147,255,1);
    text-align: center;
    border-radius: 7px;
    font-weight: bold;
    
}

input[type=submit] {
  width: 40%;
  background-color:#a7e8e7;
  color: black;
  padding: 14px 20px;
  margin: auto;
  border: 1 medium rgba(32,80,130,1.00);
  border-radius: 12px;
  cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}

input[type=submit]:hover {
  background-color:#91cbca;
}

.butt{
    background-color:#80B7B6;
    border: none;
    color:aliceblue;
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    transition-duration: 0.6s;
    cursor: pointer;
}

.butten1{
    background-color:#a7e8e7;
  color: white; 
  border: 2px solid rgba(53,87,123,1.00);
    border-radius: 28px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    
}

.butten1:hover{
    background-color:#83B8B7;
  color: white;
}

.butten2{
    background-color:#D3F6DB;
  color: black; 
  border: 2px solid rgba(53,87,123,1.00);
    border-radius: 28px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.butten2:hover{
    background-color: #A8C5AE;
    color: white;
}

.butten3{
    background-color:#84DDF0;
  color: black; 
  border: 2px solid rgba(53,87,123,1.00);
    border-radius: 28px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.butten3:hover{
    background-color:#50A3B4;
    color: white;
}

.footer {
    clear: both;
    background-color:rgba(87,143,202,1.00);
    margin: auto;
    height: auto;
    padding:8px;
    width: 100%;
    position:fixed;
    bottom: 0px;   
    color: aliceblue;
    font-weight: bold;
    font-style: italic;
    word-spacing: 3px;
}