.ContactMe{
       width: 100%;
       text-align: center;
       font-size: 20px;
       padding-top: 15px;
       padding-bottom:15px ;
      
}
.contactOptions{
       display: grid;
       font-size: 15px;
       justify-content: center;
       text-align: center;
}
table,td{
       border:solid 1px navy;
       box-shadow:0px 0px 3px 1px #010101;
       border-radius: 5px;

}

td a{
       box-shadow:0px 0px 3px 1px navy;
       border-radius: 5px;
       color: blue;
}
th{
       padding: 10px;
       border: solid 1px navy;
       background-color:darkslateblue;
       box-shadow:0px 0px 3px 1px #010101;       
       border-radius: 5px;


}
#to-user-input{
       margin-top: 10px;
}
.userDetails{
       margin-top: 5%;
       display: grid;
       justify-content: center;
       padding: 15px;

}
.userInput{
       display: block;
       background-color:rgba(122, 115, 168, 0.158);
       box-shadow:0px 0px 3px 3px #010101;
       border-radius:5px; ;
       width:30vw;

}
.uName, .uEmail, .uMessege{
       display: inline-flex;
       text-decoration:black;
       padding: 10px;
       justify-content: center;
}
.userDetails button a,textarea,input {
       color: black;
}
.submitBtn{
       display: flex;
       justify-content: center;
       padding: 10px;
}
.submitBtn>button{
       box-shadow:0px 0px 3px 3px #010101;
       width: 80px;
       height: 40px;
       border-radius: 20px;
       backgroud-color:crimson;

}
.submitBtn>button:hover, button a:hover{
       background-color: blue;
       color: wheat;
       transition: 0s;
}
 input{ 
              background-color:white;

       } 
 textarea{
              height:100px;
              width: 28vw;
              background-color:white;
       }
@media(max-width:400px)  {
      
       table{
              margin-left:0%;
              border: solid 0px navy;
              width:100%;
              text-align: start;
       
       }
       
       td a{
              box-shadow:0px 0px 3px 1px navy;
              border-radius: 5px;
              color: blue;
       }
       th, td{
              border: none;
              padding-left: 0;
              
       
       
       }
       .userDetails{
              margin-top: 5%;
              display: grid;
              justify-content: center;
              padding-left: 0;
              padding-right:0;
       
       }
       .uName, .uEmail, .uMessege{
              display: flex;
              text-decoration:black;
              justify-content: start;
              padding: 10px 0 10px 0;
              width: auto;
              resize: inherit;

       }
       .userInput{
              margin-left: 0px;
              padding-left: 0px;
              width: 100vw;
       }
       input{
              width: 98%;
              background-color:white;

       } 
       textarea{
              height:100px;
              width: 95%;
              background-color:white;
              

       }
}
@media(max-width:216px)  {
      
      *{
       font-size:small;
      }
}