@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Quicksand:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Oswald:wght@300&family=Quicksand:wght@300;600&family=Roboto:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Oswald:wght@300&family=Quicksand:wght@300;600&family=Roboto:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Oswald:wght@300&family=Quicksand:wght@300;600&family=Roboto+Mono:wght@300&family=Roboto:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Quicksand:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Oswald:wght@300&family=Quicksand:wght@300;600&family=Roboto:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&family=Orbitron&family=Oswald:wght@300&family=Quicksand:wght@300;600&family=Roboto+Condensed&family=Roboto+Mono:wght@300&family=Taviraj&display=swap');

/* *{
    background-color: rgb(209, 205, 192);
} */
body{
    height: 100%;
    /* background-color: black; */
}



.typing::after{
    content: " ";
    border-right: 2px solid black;
    animation: blink 0.5s infinite ease;
}
@keyframes blink{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@media only screen and (min-width : 0px) and (max-width : 660px)
{
    .intro1{
        font-family: 'Roboto Mono', monospace;
    
        text-align: center;
           margin-top: 110px;
        
          /* width: 600px; */
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }
   
    
   
    
   
    #contact{
      
        background-image: url('../img/contact-bg.jpg') ;
      
     
        background-repeat: no-repeat;
        background-size: cover;
       /* border: 2px solid red;*/
        font-size: 30px;
        color: rgb(39, 30, 14);
        /* height: 670px; */
       display: flex;
       flex-direction: column;
       justify-content: space-between;
        margin-top: 1rem;
    }
    
    .head-apply{
        font-size: 1.2rem;
        width: 100%;
        height: 100%;
       
        /* height: 400px; */
        text-align: center;
        /* display: flex; */
      color: rgb(53, 28, 9);
      /* z-index: 100; */
        justify-content: center;
    
        /*border: 2px solid beige;*/
    }
    
    .main-form{
        margin: 5px 5px 5px 5px;
      font-family: 'Roboto Condensed', sans-serif;
      font-family: 'Roboto Mono', monospace;
        width: 100%;
        /* padding: 12px 12px; */
    /*    border: 2px solid blue;*/
    }
    .main-form h2{
        text-align: center;
    }
    input[type=text],  input[type=number], input[type=email],select {
      font-family: 'Orbitron', sans-serif;
      width: 100%;
      padding: 12px 20px;
      margin: 8px 0;
      text-align: center;
      font-size: 18px;
      display: inline-block;
      color: rgb(39, 28, 12);
      border: 1px solid rgb(228, 82, 82);
      border-radius: 4px;
      background: none;
      box-sizing: border-box;
    }
    
    input[type=submit] {
      width: 100%;
      background-color: #010a01;
      color: red;
      padding: 14px 20px;
      margin: 8px 0;
      border: none; 
      border-radius: 4px;
    }  
    .final-box{
        display: flex;
    justify-content: center;
    }
    .btn{
    margin: 12px 12px 12px 12px;
      font-family: 'Orbitron', sans-serif;
      /* padding: 12px 12px 12px 12px; */
      width: 100px;
      font-size: 17px;
      cursor: pointer;
      height: 40px;
      color: rgb(18, 32, 3);
      border-radius: 12px;
      border: 2px solid rgb(161, 139, 139);
      background: none;
      
    }
   
    label{
        margin-left: 2rem;
        text-decoration: underline;
        font-size: 2rem;
    }
    
}



@media only screen and (min-width : 661px) 
{
    .menu1{
        display: none;
    }



  .intro1{
    font-family: 'Quicksand', sans-serif;


    text-align: center; 
    font-size: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  #contact{
      
    background-image: url('../img/contact-bg.jpg') ;
  
 
    background-repeat: no-repeat;
    background-size: cover;
   /* border: 2px solid red;*/
    font-size: 30px;
    color: rgb(7, 5, 2);
    /* height: 670px; */
   display: flex;
   justify-content: space-between;
    margin-top: 1rem;
}
.head-apply h2{
  margin-top: 300px;
}
.head-apply{
    font-size: 16px;
    width: 35%;
    height: 100%;
    font-family: 'Orbitron', sans-serif;
    font-family: monospace;
    /* height: 400px; */
    text-align: center;
  /* z-index: 100; */
    justify-content: center;

    /*border: 2px solid beige;*/
}

.main-form{
    margin: 5px 5px 5px 5px;
  font-family: 'Roboto Condensed', sans-serif;
  font-family: 'Roboto Mono', monospace;
    width: 65%;
    /* padding: 12px 12px; */
/*    border: 2px solid blue;*/
}
.main-form h2{
    text-align: center;
}
input[type=text],  input[type=number], input[type=email],select {
  font-family: 'Orbitron', sans-serif;
  width: 95%;
  padding: 12px 20px;
  margin: 8px 0;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  border: 1px solid rgb(218, 8, 8);
  border-radius: 4px;
  background: none;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #010a01;
  padding: 14px 20px;
  margin: 8px 0;
  border: none; 
  border-radius: 4px;
}  
.final-box{
    display: flex;
justify-content: center;
}
.btn{
  font-family: 'Orbitron', sans-serif;
margin: 1rem;
  width: 12rem;
  font-size: 1.4rem;
  cursor: pointer;
  height: 3rem;
  border-radius: 1rem;
  border: 4px solid rgb(14, 13, 13);
  background: none;
  
}
.btn:hover{
    background-color: black;
    color: white;
}
label{
  margin-left: 2rem;
  text-decoration: underline;
  font-size: 2rem;
}

  
}