/* :root{
    color-scheme: dark !important ;
} */
html { font-size: calc(1rem); }
button {
 border: none;
 background-color: transparent;
 cursor: pointer;
 transition: background-color  .5s;
 border-radius: .25rem ;
 outline: .1rem  solid black;
 min-height: 2rem;
 width: fit-content;
}
.exc_mark{
    text-align: center;
    color: red;
    padding: 0.5rem;
    font-weight: bold;
    font-size: 1.5rem;    
}
.submit_error {
    outline: .1rem solid red;
    min-height: 2rem;
    border-radius: .25rem ;
    padding: .5rem;
    width: fit-content;
    margin-bottom: 1rem;
}
.paragraph{
    max-width: 80%;
}
button:hover{
    background-color: black;
    color: #fff;
}
form{
    display: flex;
    flex-direction: column;
}
.error{
    border: solid red .1rem;
}
.errot_text{ 
    color: red;
}
.hidden{
    display: none;
}
.media_width{
    width: 85vw;
}
.container-reset{
    margin-top: 3rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.h1-title{
    margin-bottom: 0;
}
.form-container{
    border: .1rem black solid;
    height: fit-content;
    border-radius: .25rem;
    padding: 2rem;
}
@media (min-width:768px){
    html { font-size: calc(.4rem + .8vw); }
    .exc_mark{
      display: block;
    }
    .media_width{
        width: 50vw;
    }
    .paragraph{
        width: fit-content;
     }
}