.r1{
  color: white;
margin-left: 20px;
font-size: 15px;
font-weight: bold;
}

#s1{
  color: orange;
  font-family: cite;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-size: 31px;
}

/* Full-width input fields */
input[type=email], input[type=name] {
  width: 60%;
  height: 15px;
  padding: 8px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  margin-left: 10px;
  text-align: center;
  font-weight: bold;
  

}

input[type=email]:focus, input[type=name]:focus {
  background-color: yellow;
  outline: none;
}
b{
  font-weight: bold;
  font-size: 16px;
  font-family: verdana;
}
/* Overwrite default styles of hr */
#marg{
  padding-bottom: 40px;
}

/* Set a style for the submit button */
.registerbtn {
  background-color: orange;
  color: white;
 
  border: none;
  cursor: pointer;
  width: 25%;
  padding: 14px;
  opacity: 0.9;
  margin-left: 20px;
  border-radius: 12px;
  font-weight: bold;

}

.registerbtn:hover {
  opacity: 7;
}

/* Add a blue text color to links */
a {
  color: dodgerblue;
}

/* Set a grey background color and center the text of the "sign in" section */

@media screen and (max-width: 300px) {
  .registerbtn {
     width: 100%;
  }