.r1{

  color: white;

padding: 10px;

margin-left: 54px;

}

.contain{

  margin-top: 50px;

}



/* Full-width input fields */

input[type=email], input[type=name] {

  width: 45%;

  height: 20px;

  padding: 25px;

  margin-top: 20px;

  margin: 5px 0 22px 0;

  display: inline-block;

  border: none;

  background: #f1f1f1;

  font-weight: bold;

  font-family: cite;

  margin-top: 30px;

  background-color: white;

  border-radius: 10px;

  opacity: none;

  text-align: center;

}



input[type=email]:focus, input[type=name]:focus {

  background-color: #ddd;

  outline: none;

}



.close {

  right: 35px;

  top: 15px;

  font-size: 40px;

  font-weight: bold;

  color: white;

  margin-right: 10px;

  margin-top: 6px;

}



.close:hover,

.close:focus {

  color: #f1f1f1;

  cursor: pointer;

}



/* Overwrite default styles of hr */





/* Set a style for the submit button */

#btn1 {

  background-color: #5dad11;

  margin-top: 100px;

  margin-right: 30px;

  width: 100px;

  height: 50px;

  border-radius: 12px;

  color: white;

  font-weight: bold;

  font-family: cite;

  }



#btn2{

  background-color: #5dad11;

  margin-top: 40px;

  margin-left: : 30px;

  width: 100px;

  height: 50px;

  border-radius: 12px;

  color: white;

  font-weight: bold;

  font-family: cite;

}

#btns{

  margin-top: 20px;

  font-family: cite;

  color: black;



}

#btn1:hover,#btn2:hover{

  background-color: black;

}



/* 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) {

  #btn1,#btn2 {

     width: 100%;

  }