@charset "UTF-8";


body{

background: linear-gradient(to right, rgb(20,147,220),rgb(17,54,71));
text-align: center;
 color: white;
padding-top: 65px;

}
html{
width: fit-content;

}
@media screen and (min-width: 568px){
 html{
   width:100%;
 }

}


isnput{
text-transform: uppercase;
}
h3{
color: white;
text-shadow: 2px 2px 5px black;
}

.btnadduser{

 background-color: dodgerblue;
 border: none;
 padding: 10px;

 border-radius: 10px;
 color: white;
 font-size: 15px;
 box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

}
.btnadduser:hover{

  background-color: #397CDF;
  cursor: pointer;


}
.tabela {
  padding-left: 20px;
  padding-right: 20px;
}
.table-bg{
background-color: rgba(0,0,0,0.3) ;
border-radius: 15px 15px 0px 0px;

}


button2{
 background-color: red;
 border: 0px;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;

 color: white;
 border-radius: 5px 5px ;
}
button2:hover{
 background-color: darkred;
}

.box-search{
  display: flex;
  justify-content: center;
  gap:.2%;
  width: 300px;
  padding-bottom: 10px;
  padding-left: 10px;           
}
inpsut{
 height: 35px;
 width: 100px;
}

footer {
  position: fixed;
  bottom:0;
  left:0;
}