*{
  padding: 0;
  margin: 0;
  text-transform: capitalize;
  text-decoration: none;
  list-style: none;
  scroll-behavior: smooth
} 
body{
  background-image: url(img/contact.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}
.nav-coc{
  text-align: center;
  padding: 25px;
}
li a{
  padding: 7px 8px;
  font-size: 40px;
  font-weight: bolder;
  background: darkred;
  color: snow;
  border-radius: 15px;
}
.contacts{
  backdrop-filter: blur(25px);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.inputs h1{
  margin: 15px;
  font-family: sans-serif;
  font-weight: bolder;
  color: darkred;
  font-size: 35px
}
input{
  padding: 10px;
  margin: 15px;
  border-radius: 15px;
  border: solid 1px #eee;
  font-size: 25px;
  font-family: sans-serif;
  font-weight: bold;
  transition: 0.6s;
  outline: none;
}
input:hover{
  transition: 0.6s;
  box-shadow: 0 0 25px 2px darkred;
}
.btn-in{
  margin: 15px;
  background: darkred;
  color: snow;
  padding: 7px 8px;
  font-size: 25px;
  border: solid 3px darkred;
  font-family: sans-serif;
  font-weight: bold;
  border-radius: 7px;
  transition: 0.6s;
}