@font-face {
  font-family: "Impact", sans-serif;
  src: url("/assets/fonts/Roboto-Regular.ttf");
}

body {
  font-family: "Impact";
  font: 14px sans-serif;
  text-align: center;
  background-image: url(/img/cotton-plant.jpg);  
}

.wrapper {
  padding: 100px;
  width: 400px;
  height: 400px;
  padding: 20px;
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.9) 0px 20px 30px;  
  border-radius: 5px;
  border-style: none;
  
}

.form-container {
  margin: 15% auto;
  display: block;
  width: 400px;
  text-align: center;
}

.bg-cotton {
  background-image: url(/img/cotton-plant.jpg);
  background-repeat: no-repeat;
}