html, body{
    padding: 0px;
    margin: 0px;
    font-family: "Open Sans", Helvetica, sans-serif;
    background-color: #202629;
}

*{
    box-sizing: border-box;
    outline: none !important;
}

a{
    text-decoration: none;
    color: white;
}
a:hover{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6{
    margin: 0px;
    padding: 0px;
}

button{
    background-color: orange;
    border-radius: 3px;
    color: white;
    padding: 5px 15px;
    font-size: 1.1em;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    width: fit-content;
}
button:hover{
    background-color: rgb(172, 112, 1);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
textarea,
select{
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
    transition: border-color 0.5s;
    font: inherit;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="number"]:hover,
textarea:hover,
select:hover{
    border-color: grey;
}