.button1{
    background-color: blue;
    color: white;
    display:inline-block;
    margin-right: 10px;
    position: absolute;
    top: 8px;
    right: 90px;
    height: 5%;
    width: 6%;
 }
 #button2{
     background-color: blue;
     color: white;
     display:inline-block;
     position: absolute;
     top: 8px;
     right: 1px;
     height: 5%;
     width: 6%;
  }
  #logo{
    font-family: 'Montez', cursive;
    color: blue;
  }
  #logo2{
      font-family: 'Ubuntu Mono', monospace;
  }
  .modal{
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
    padding-top: 60px;
}
  .close {
    position: absolute;
    right: 39%;
    top: 20%;
    color: grey;
    font-size: 30px;
    font-weight: bolder;
  }
 .close:hover,
 .close:focus {
  color:grey;
  font-weight: bolder;
  cursor: pointer;
}
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; 
  width: 25%; 
}
hr{
  border: 0.5px solid black;
}
input{
  background-color: lightgrey;
  border: 0;
  width: 90%;
  height: 30px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
  padding: 0.5%;
}
.submit{
  background-color: green;
  border: 0;
  color: white;
  width: 90%;
  height: 35px;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
  padding: 1%;
}
label.l{
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4%;
  padding: 0.5%;
}
.getstart{
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 1%;
  font-size: 200%;
  padding: 3%;
  
}
.othermodel_container {
  background-color: #fefefe;
  margin: 5% auto 15% auto; 
  width: 25%; 
}

.close1 {
  position: absolute;
  right: 39%;
  top: 28%;
  color: grey;
  font-size: 30px;
  font-weight: bolder;
}
.close1:hover,
.close1:focus {
color:grey;
font-weight: bolder;
cursor: pointer;
}
.member{
  font-weight: bold;
  margin-left: 22%;
  padding: 5%;
}
.link{
  color: blue;
  cursor: pointer;
}