body {
font-family: arial, sans-serif;
font-size: 16px;
background: #222;
width: 100%;
margin: 0px;
position: relative;
}

a {
color: darkblue;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}


.content {
clear: both;
max-width: 1100px;
display: block;
margin: 0px auto;
padding: 0px;
}
.content form1,
.content .inner {
display: block;
float: left;
width: calc(100% - 40px);
background: #fff;
border-radius: 6px;
padding: 20px;
margin: 0px;

}

.title-top {
clear: both;
max-width: 1100px;
display: block;
margin: 0px auto;


}


.menu-top {
clear: both;
max-width: 1100px;
display: block;
margin: 0px auto;
}

.menu-top > ul {
width: calc(100% - 20px);
display: block; 
float: left;
background: transparent;
border-radius: 6px;
padding: 10px;
padding-top: 0px;
}

.menu-top li {
display: block;

float: left;

}

.menu-top li a {
width: 100%;
margin-right: 6px;
background: #777; 
padding: 5px 10px 5px 10px;
border-radius: 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
border: 1px solid #555;
}

.menu-top li a:hover {
color: #222;
border: 1px solid #222;
}

ul {
    padding-inline-start: 0px;
}

.content form {



}

.row1 {
display: block;

width: 100%;
padding: 5px;

}

.row2 {
display: block;
float: left;
width: 100%;
padding: 5px;

}

button:hover {
cursor: pointer;
border: orange;
}