/* ONLINE FORM  SECTION*/
.Formtitle{
font-family: 'Courier New', Courier, monospace;
font-size: 2rem;
color: rgb(94, 13, 224);
margin-left: 10%;
}


.two-column-layout {
    display:flex;
    grid-template-columns: 1fr 1fr;
    
     /* Adjust as needed */
  }
  .column {
    /* Optional: Add styling for individual columns */
    padding: 10px;
    border: 1px solid #ccc;
    width: 25%;
    height: 400px;
    
  }

  .Inputfield{
    width: 250px;
    padding-bottom: 10px;
    margin-bottom: 5%;
    margin-top: 2%;
  }
  
  .Inputlabel {
    font-size: 1.5rem;
    color: rgb(65, 59, 59);
    
  }

  .InputArea{
    width: 250px;
    height: 60px;
  }

  .SubmitBtn{
    width: 100px;
    height: 50px;
    background-color: rgb(94, 13, 224);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: white;
    font-size: 1.5rem;
    margin-top: 20px;
    margin-left: 40px;
    border: none;
    
  }

  .Exitbtn {
    width: 100px;
    height: 40px;
    background-color: rgb(243, 114, 114);
    margin-left: 20%;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.5rem;
    border: none;
   
  }
  




  /* MOBILE VERSION SECTION */

@media only screen and (max-width: 768px), (max-width: 480px) {


.wrapper-main {
  width: 100%;
  
}
  
   /* ONLINE FORM  SECTION*/
.Formtitle{
font-family: 'Courier New', Courier, monospace;
font-size: 1.5rem;
color: rgb(46, 16, 95);
margin-left: 5%;
}


.two-column-layout {
    display:flex;
    grid-template-columns: 1fr 1fr;
    
     /* Adjust as needed */
  }
  .column {
    /* Optional: Add styling for individual columns */
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
    height: 400px;
    
  }

  .Inputfield{
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 5%;
    margin-top: 2%;
  }
  
  .Inputlabel {
    font-size: 0.8rem;
    color: rgb(65, 59, 59);
    
  }

  .InputArea{
    width: 100%;
    height: 60px;
  }

  .SubmitBtn{
    width: 100px;
    height: 50px;
    background-color: rgb(94, 13, 224);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: white;
    font-size: 1.5rem;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 20px;
    
  }

  .Exitbtn {
    width: 80px;
    height: 40px;
    background-color: rgb(243, 114, 114);
    margin-left: 20%;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1rem;
    color: red;
  }
  

}