*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color:#191919;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}




h2{
   margin-top: 20px;
   margin-bottom: 20px;
}

h2:hover{
    text-decoration: underline;
}
nav {
    position: absolute; /* Allows precise positioning */
    top: 0; /* Anchors the nav to the top of the viewport */
    right: 0; /* Anchors the nav to the right of the viewport */
    display: flex; /* Ensures flexibility for child items */
    flex-flow: row wrap;
    gap: 25px; /* Adds space between nav items */
    padding: 10px;
    min-width: 200px;
}

h1,h2,h3,p{
    color: #EFE6DD;
}



h1{
    text-align: left;
  
}
.upper{
    text-align: left;
}
header{
   
    padding: 10px;
   /* background-color: #3E505B;*/
     background-color: #011936;
    width: 100%;
    border: 10px solid #0000;
    /*border-radius: 12px;*/
    /*background: linear-gradient(#131219, #131219) padding-box, linear-gradient(
          var(--angle),
          #070707,
          #687aff
        ) border-box;
    animation: 8s rotate linear infinite;
  }
  
  @keyframes rotate {
    to {
      --angle: 360deg;
    }
  }
  
  @property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }*/
}


a,a:hover,a:visited{
    text-decoration: none;
}


footer{
    margin-top: 15px;
    height: auto;
    width: 100%;
    background-color: gray;
    text-align: center;
}

footer p {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: .75em;
}

footer a {
    display: table;
    margin: 5px auto 20px auto; /* Centers the block horizontally */
    text-align: center; /* Centers the text within the block */
    font-size: 1em;
}

footer a:hover{
    text-decoration: underline;
    cursor:pointer ;
    
}
footer a:visited {
    text-decoration: none; 
    color: whitesmoke; /* Inherit the color from its parent, or set a specific color */
}

a{
    color: whitesmoke;
}




    @media all and (max-width: 1210px) {
        header {
            margin: auto;
            justify-content: center;
            display: block; /* Makes the header a block-level element */
            width: 100%; /* Ensures it spans the full width */
            text-align: center; /* Optional: Centers content within the header */
        }
    
        nav {
            position: relative; /* Adjusts the nav to flow with the header */
            margin-top: 10px; /* Adds some spacing between header content and nav */
            justify-content: center; /* Centers nav items in the new block layout */
        }

        #contactus{
            margin-top: 25px;
            height: 575px;
            text-align: center;
            background-color: #191919;
        }
        
    }


#contactus{
    margin-top: 25px;
    height: 575px;
    text-align: center;
    background-color: #191919;
}

#contactus label{
   color: whitesmoke;
}

#message{
    resize:none;
}

#info{

 font-size: 1.5rem;
 margin-top: 5px;
}

#email{
    margin-top: 5px;
    border-style: solid;
    border-color: gray;
    border-width: 3px;
    border-radius: 2px;
   height: 35px;
   width: 500px;
   font-size: 1rem;

}

#message{
    margin-top: 5px;
    border-style: solid;
    border-color: gray;
    border-width: 3px;
    border-radius: 2px;
    height: 300px;
    width: 500px;
    font-size: 1rem;
   
}

#send{
    font-size: 1.5rem;
    height: 50px;
    width: 100px;
    margin: 0 auto; /* Center horizontally in its container */
    display: block; /* Ensures margin auto works on the button */
    position: relative; /* Required for parent container alignment if necessary */
   /* background-color: #92DCE5;*/
   background-color: #F71735;
   color: white;
   border-radius: 10px;
   border:2px solid whitesmoke;
   cursor: pointer;
   
}

form{
    margin-top: 50px;
}