@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
*
{
  box-sizing: border-box;
    margin:0;
    padding:0;
}

body {
  align-items: center;
  font-family: Roboto;
  background-image: url("/img/design.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
nav
{
    background-color: rgba(0, 0, 0, 0.7);
    padding:15px;
    margin:0;
    color:#fff;
    width:100%;
    font-size:20px;

}
nav h2{
  margin-left:100px;
}
.container {
  width: 100%;
  height: 100vh;
  color: black;
  margin: 0 auto;
  padding: 25px 50px;
  justify-content: center;
  display:flex;
  background: rgba(0, 0, 0, 0.6);
}
.in
{
  background-color:rgba(139, 139, 133, 0.589);
  font-family: 'Times New Roman', Times, serif;
  font-size:30px;
  height:50px;
  width:80px;
  margin-left:50px;
  outline:none;
  border-radius: 10px;
  
}

  .white
  {
    
    margin-left:20px;
    margin-top:50px;
    font-size:30px;
    color:#2a2a2a;
    display: flex;
    font-weight: 700px;
    flex-direction: row;
  

  }

  .black
  {
    
    margin-left:20px;
    margin-top:50px;
    font-size:30px;
    color:#2a2a2a;
    display: flex;
    font-weight: 700px;
    flex-direction: row;
  

  }
  .inputcontain
  {
    padding:10px;
    height:50%;
    background-color: rgba(240, 248, 255, 0.349);
    border-radius: 10px;
  }

.set
{
  font-family: 'Times New Roman', Times, serif;
  font-size:20px;
  width:100px;
  height:50px;
  background-color:rgba(80, 80, 77, 0.767);
  color:#2a2a2a;
  margin-left:300px;
  border:none;
  border-radius:10px;
  cursor:pointer;

}
.set:hover
{
  font-family: 'Times New Roman', Times, serif;
  font-size:20px;
  width:100px;
  height:50px;
  background-color:rgba(187, 187, 173, 0.767);
  color: black;
  margin-left:300px;
  border:none;
  border-radius:10px;
  cursor:pointer;

}



footer{
  display:flex;
  color:#fff;
  font-size:20px;
  background-color: rgba(0, 0, 0, 0.7);
  padding:15px;
  margin:0;
  font-size:20px;

}
footer img{
  height:50px;
  margin-left:20px;
  width:50px;
}
footer a{
  text-decoration: none;
  color:#fff;


}
footer .mail{
  margin-top:10px;
  margin-left:35%;
}
footer .copyright{
  margin-top:10px;
  margin-left:2%;
  
}