label{
border-color: var(--Background_Light);

}

input{
 background-color: color-mix(in srgb, var(--Background_Light), white 60%);
 border-color: var(--Background_Dark);
 border-style: inset;
 width: 45%;
 min-width: 250px;
 max-width: 300px;
}

fieldset{
 border-color: var(--Background_Light);
}

form{
 margin-left: 36px;
 border-color: var(--Background_Light);
 width: 80%;
 
}

legend{
 font-size: 1.2em;

}

.submitsector{
width: auto;
height: auto;
background-color: deeppink;
display: flex;
justify-content: center;
position: relative;
}

textarea {
  width: 99%;
  background-color: color-mix(in srgb, var(--Background_Light), white 60%);
  border-color: var(--Background_Dark);
 
 border-style: inset;
 
}

/*Submit Button
------------------------------------*/

button {
    background-color: var(--Button_Default);
    border-color: var(--Background_Dark);
    border-radius: 10px;
    
    position: relative;
    left: 38%;
    
   
    
    height: 43px;
    width: 198px;
   
   
    margin-left: -18px;
    margin-bottom: 12px;
    padding: 0px;
    
    color: var(--Background_Dark);
    font-family: var(--nav_font_fam);
    font-size: 18pt;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.5;
    
    cursor: url(/11-resources/02-images/Cursor_Cl.png), auto;
}

button:hover{
 background-color: var(--Button_Hover); 
}

button:active{
 background-color: var(--Button_Hover);
 font-style: italic;
}

/*Mobile Resizing
---------------------------------------------------*/

@media screen and (max-width: 800px) {
        form {
        width: 90%;
        }
        textarea {
        width: 99%;
        }
        button{
          
          left: 30%;
        }
}