<style type="text/css">
.amarelo {
background-color:#FFFACD;
width:300px;
height:100px;
border-radius: 10px 20px 30px;
}

select {
        margin-bottom: 30px;
        width: 350px;
        height: 50px;
        margin-top: 30px;
        text-color: black;
        color: black;
        font-family: cursive, Arial;
        outline: 0;
        border: 2px solid black;
        padding: 4px;
        border-radius: 5px;
      }
.barra{
background-color: #333;
}
.linha{
background-image: url("https://i.imgur.com/E1Sp1rH.jpeg");
border: 10px solid transparent;
padding: 2px;
border-image: url(https://i.imgur.com/E1Sp1rH.jpeg) 30 stretch;
width: 5px;
height: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 10px;
border-radius: 50px;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.conteudo {
  flex-grow: 1;
}
.usuario{
background-color:#CDC9C9;
text-align:center;
}
.rodape {
  background-color:#363636;
  padding: 20px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
input[type=text]:hover, 
textarea:hover{ 
background: #ffffff; 
border:1px solid #990000;.
}
input[type=number]:hover, 
textarea:hover{ 
background: #ffffff; 
border:1px solid #990000;.
}
input[type=submit]{
background:#006699;
color:#ffffff;
border-radius:10px;
width:150px;
height:50px;
}
.menu{
background-color: #1C1C1C;
height:19px;
color: red;

border-radius: 9px 9px 8px 8px;
}
.topnav {
background-color: #333;
border-radius: 4px 4px 4px 4px;
overflow: hidden;
}
.topnav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #333;
color: black;
}
.active {
background-color: #333;
color: #696969;
}
.topnav .icon {
display: none;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position:  relative;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
.dark {
    background: #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
body{
background-color: #BEBEBE;
border-color: black;
border-style: solid;
border-radius: 10px 10px 10px 10px;
box-shadow: black 0.10em 0.9em 0.9em 0.9em
}

</style>