.html{
}

.head{
}

.my_body{
}



.div{
margin-top: 25px;
margin-bottom: auto;
vertical-align: middle;
justify-content: center;
align-items: center;
}


.body {
background-color: rgb(255, 255, 255);
margin-left: auto;
margin-right: auto;
margin-top:auto;
margin-bottom: auto;
display: flex;
text-align: center;
justify-content: center;
}


.img{
margin-top: 50px;
max-height: 100px;
#top: 250px;
vertical-align: middle;
}

.form{
box-sizing: border-box;
margin-bottom: 0px;
margin-top: 0px;
}

.table{
  margin: auto;
}  

.input_name {
box-sizing: border-box;
border-color: rgb(55, 190, 255);
border-bottom-left-radius: 4.2px;
border-bottom-right-radius: 4.2px;
border-top-left-radius: 4.2px;
border-top-right-radius: 4.2px;
border-style: solid;
display: block;
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
font-family: Roboto, sans-serif;
font-size: 17.5px;
font-weight: 400;
height: 42.25px;
line-height: 26.25px;
min-width: 0px;
#overflow-x: clip;
#overflow-y: clip;
#position: relative;
margin: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 7px;
padding-left: 14px;
padding-right: 14px;
padding-top: 7px;
text-align: left;
vertical-align: middle;
width:320px;
}


.button{
appearance: button;
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(55, 190, 255);
background-image: none;
background-size: auto;
border-color: rgb(55, 190, 255);
border-radius: 4.2px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
#display: inline-block;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 26.25px;
margin: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 7px;
padding-left: 14px;
padding-right: 14px;
padding-top: 7px;
text-align: center;
vertical-align: middle;
width: 320px;
}