html,
body {
    height: 100%;
}

body {
    margin: 0;
    background:
        linear-gradient(0deg,  #1d1926 19px, transparent 1px) center,
        linear-gradient(90deg, #1d1926 19px, transparent 1px) center,
        #7a7093;
    background-size: 20px 20px;
    font-size: 16px;
    color: white;
}

* {
    box-sizing: border-box;
}

input,
button {
    font-size: inherit;
    font-family: inherit;
    padding: 8px 10px;
    outline: none;
    background-color: #24272d;
    color: white;
    border: 2px solid gray;
    border-radius: 5px;
    transition: border-color 0.1s ease-in-out;
}

button {
    cursor: pointer;
}

input:focus,
input:hover,
button:active,
button:hover,
button:focus {
    border-color: #812abd;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #812abd;
}