body
{
    background-color:aquamarine;
}
h1
{
    text-align:center;
    color:darkblue;
}
h2 {
    text-align: center;
    color:#e0d5b0;
}
#alap {
    border: 3px solid blue;
    background-color: #339397;
    width: 95%;
    height: 100vh;
    margin: 0 auto;
    padding: 2%;
    border-radius: 10px;
}
#vezer {
    border: 3px solid blue;
    background-color: aqua;
    width: 90%;
    padding: 2%;
    margin: 0 auto;
    border-radius: 10px;
}
#befoglalo
{
margin:0 auto;
width:90%;
}
#balid {
    border: 2px solid lightblue;
    width: 30%;
    height: 50vh;
    background-color: rgb(29 241 161 );
    margin-top: 20px;
    float:left;
    display: inline-block;
    border-radius: 10px;
   
}
#jobbid {
    border: 2px solid lightblue;
    width: 30%;
    height: 50vh;
    background-color: rgb(29 241 100 );
    margin-top: 20px;
   float:right;
    display: inline-block;
    border-radius: 10px;
}
#kozepid {
    border: 2px solid lightblue;
    width: 30%;
    height:50vh;
    background-color: rgb(29 120 100 );
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-radius: 10px;
}
 input[type=text]
{
    width:400px;
    height:50px;
    background-color:aliceblue;
    color:darkblue;
    padding:5px;
    margin-bottom:5px;
    border:solid 1px red;
    border-radius:3px;
}
input[type=button] {
    width: 120px;
    height: 40px;
    background-color: aliceblue;
    color: #040d79;
    margin-left: 10px;
    border: solid 2px green;
    border-radius: 10px;
}
input[type=reset] {
    width: 120px;
    height: 40px;
    background-color: red;
    color: white;
    margin-left: 10px;
    border: solid 2px green;
    border-radius: 10px;
}