body {
   background-color: #CDEDFC;
}

.bl{
  width: 730px;
  margin: auto;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  border-radius: 30px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
  opacity: 90%;
}

h1{
  font-family: 'Open Sans Condensed', sans-serif;
  position: relative;
  margin: 3px auto;
  text-align: center;
  font-size: 25px;
  color: #1DAFED;
  text-shadow: 1px 1px 2px #000;
}

h2{
  font-family: 'Open Sans Condensed', sans-serif;
  position: relative;
  margin: 3px auto;
  text-align: center;
  font-size: 20px;
  color: #1DAFED;
  text-shadow: 1px 1px 2px #000;
}

h3{
  font-family: 'Open Sans Condensed', sans-serif;
  position: relative;
  margin: 3px auto;
  text-align: center;
  font-size: 18px;
  color: #000000;
}

h4{
  font-family: 'Open Sans Condensed', sans-serif;
  position: relative;
  margin: 3px auto;
  text-align: center;
  font-size: 20px;
  color: #FF0000;
  text-shadow: 1px 1px 2px #000;
}

input{
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center; 
  text-decoration: none;
  position: relative;
  width: 80%;
  display: block;
  margin: 3px auto;
  font-size: 17px;
  color: #000000;
  padding: 8px;
  border-radius: 6px;
  border: none;
  background: rgba(3,3,3,.1);
}

input:focus{
  outline: none;
  box-shadow: 3px 3px 10px #333;
  background: rgba(3,3,3,.18);
}


select{
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  position: relative;
  width: 80%;
  display: block;
  margin: 3px auto;
  font-size: 17px;
  color: #000000;
  padding: 8px;
  border-radius: 6px;
  border: none;
  background: rgba(3,3,3,.1);
}

select:focus{
  outline: none;
  box-shadow: 3px 3px 10px #333;
  background: rgba(3,3,3,.18);
}


.kn{
  width: 120px;
  margin: auto;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  border-radius: 2px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
  cursor: pointer;
}

.kn:hover{
  outline: none;
  box-shadow: 3px 3px 10px #333;
  background: rgba(3,3,3,.18);
}