* {
  font-family: Verdana, Arial, Helvetica;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}

@viewport {
width: device-width;
zoom: 1;
}

body {
  background-color: #c3c3c3;
  background-image: url("background7.jpg");
}

.container {
  max-width: 400px;
  margin: 20px auto;
}

#normal { 
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #333333;
}

h3 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 14px;
  color: #333333;
}

h4 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #333333;
}

a {
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  color: #0000FF;
}

a:hover {
  color: #339966;
}

.form {
  width: 100%;
  background-color: rgba(255,255,255,.2);
  text-align: center;
  padding: 1.25em;
  border-radius: 9px;
}

[type='submit'] {
  color: black;
  margin: 0 1 0 0;
  background-color: #FFCC00;
  font-weight: 600;
  height: 40px;
  line-height: 20px;
  border-bottom: 5px solid #666666;
}

input {
  margin: 0 0 .4em 0;
  width: 98%;
  height: 40px;
  border-radius: 9px;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px #999999;
  border: 1;
  border-bottom: 5px solid #999999;
  line-height: 40px;
}

input, textarea { background-color: #ffffff; color: #333333; font-family: arial, verdana; font-size: 18pt; border-top-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-right-width: 3px;}

[type='text'] {
  padding-left: 1em;
}

[type='text']:focus {
  margin: 0 0 .4em 0;
  width: 98%;
  color: #2980b9;
  outline: none;
  font-weight: bold;
  border: 1px solid #2980b9;
  border-bottom: 5px solid #2980b9;
}

textarea {
  margin: 0 0 .4em 0;
  width: 98%;
  border: 1px solid #999999;
  box-shadow: 1px 1px 1px #999999;
  border-radius: 9px;
  font-weight: normal;
  border-radius: 5px;
  border-bottom: 6px solid #999999;
}

textarea:focus { 
  margin: 0 0 .4em 0;
  width: 98%;
  color: #2980b9;
  outline: none;
  font-weight: normal;
  border-radius: 9px;
  box-shadow: 1px 1px 1px #2980b9;
  border: 1px solid #2980b9;
  border-bottom: 6px solid #2980b9;
}

.select-wrapper {
  margin: 0 0 .4em 0;
  width: 98%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #999999;
  box-shadow: 1px 1px 1px #999999;
  border-radius: 9px;
  font-weight: normal;
  border-radius: 5px;
  border-bottom: 6px solid #999999;
}

.select-wrapper:focus {
  margin: 0 0 .4em 0;
  width: 98%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #2980b9;
  box-shadow: 1px 1px 1px #2980b9;
  border-radius: 9px;
  font-weight: normal;
  border-radius: 5px;
  border-bottom: 6px solid #2980b9;
}