body {
    background: rgb(2, 0, 36);
    background: linear-gradient(0deg, rgba(163,162,175,1) 0%, rgba(114,115,129,1) 27%, rgba(1,1,1,1) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#top {
    margin-top: 0px;
    text-align: center;
    border: 3px solid black;
    
}

#main {
    background-color: white;
    border-radius: 5px;
    margin:0 18%;
    border-style: groove;
    margin-top: 6%;
}

hr {
  height: 2px;
  border-width: 0; 
  color: gray;
  background-color: gray;
  
}

#ka {
    border: 3px inset black;
    width: 40%;
  	display:inline-block;
  	min-height:280px;
    margin-left: 7%;
    margin-top: 6%;
    margin-right: 5%;

}

#gr {
    border: 3px inset black;
    width: 40%;
    vertical-align: top;
    display: inline-block;
  	min-height:280px;
    margin-top: 6%;

}

.left {
    display: inline-block;
    margin-left: 10%;
}
#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

.form{
	padding: 2%;
  position:fixed;
  top:25%;
  left:35%;
  right:35%;
  bottom:50%;
  background-color:rgb(255, 255, 255);
  border:2px solid black;
  border-radius:5px;
  text-align: center; 
}


#exbtn{
  position: absolute;
  top: 0;
  right: 0;
  border:none;
  color:red;
  background-color:transparent;
  font-size: 20px;
}
#termbtn{
	padding: 2px 8px;
	font-size:14px;
	position:fixed;
	color:red;
	border: 2px solid red;
	background-color:black;
	left:1px;
	bottom:1px;
}
textarea {
  resize: none;
}








@media screen and (orientation:portrait) and (max-width: 1000px) {  
  body{
    font-size:150%;
  }
  #ka{
  width:85%;
  margin-top:6%;
  }
  #gr{
  margin-left:7%;
  width:85%;
  margin-top:6%;
  }
  #exbtn{
    padding: 2%;
  }
  #termbtn{
  padding: 3px 8px;
	font-size:18px;
    border: 3px solid red;
    bottom:2%;
    left:2%;
  }
  .form{
  top:35%;
  bottom:35%;
  left:15%;
  right:15%;
    
  }
  #main{
    margin: 6% 10% 0 10%;
  }
}