.middles{
    float:left;
    width:100%;
    text-align: center;
    padding-top: 15%;
 }

 .buttons{
    height: 40px;
    background-color: yellow;
    width: 8%;
    display:inline-block;  
 }

 #create{
   margin-left: 1%;
 }

body{
    background-repeat: no-repeat;   
    background-size: 100%;
}

 .modal-content1 {
   background-color: #fefefe;
   margin: 5% auto 15% auto; 
   width: 70%; 
 }

.post{
   background-color: lightgrey;
   border: 0;
   width: 90%;
   height: 30px;
   margin-top: 1%;
   margin-bottom: 3%;
   margin-left: 4%;
   padding: 0.5%;
 }

 .post1{
   background-color: lightgrey;
   border: 0;
   width: 90%;
   height: 300px;
   margin-top: 3%;
   margin-bottom: 3%;
   margin-left: 4%;
   padding: 0.5%;
 }

 .closees{
   position: absolute;
   left: 82%;
   bottom: 75%;
   color: grey;
   font-size: 30px;
   font-weight: bolder;
 }

 .closees:hover,
.closees:focus {
color:grey;
font-weight: bolder;
cursor: pointer;
}

 .get{
   margin-top: 3%;
   margin-bottom: 1%;
   margin-right: 80%;
   font-size: 150%;
   padding: 1%;
 }

 .but{
   background-color: green;
   border: 0;
   color: white;
   width: 15%;
   height: 35px;
   margin-top: 1%;
   margin-bottom: 3%;
   margin-left: 4%;
   padding: 1%;
 }

.la1{
  display: inline-block;
  width: 900px;
  text-align: left;
}

.textbox1 { 
  background-color: lightgrey;
  width: 90%;
  height: 300px;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: 4%;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.dab{
  color: black;
  text-decoration: underline yellow;
}