style.css

body {
    background-color: rgb(33, 32, 32);
    font-family: "JetBrains Mono", monospace;
    text-align: center;
    height: 100vh;
    width: 100%;
    display: grid;
    place-content: center;
    overflow: hidden;
}
label {
    color: white;
}
input {
    border-radius: 5px;
    padding: 0.5rem;
    width: 20rem;
    background-color:rgb(255, 247, 247);
    border:1px solid rgb(143, 120, 120);
    font-family: "JetBrains Mono", monospace;
}
form {
    width: 100%;
}
input:focus {
    outline: 0;
    border: 2px solid rgb(80, 97, 174);
}
button {
    outline: 0;
    background-color:rgb(255, 255, 255);
    border: 1px solid rgb(78, 68, 68);
    border-radius: 4px;
    margin-left: 5rem;
    margin-right: 5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 10px;
    text-align: center;
    font-family: "JetBrains Mono", monospace;
}
.data {
    display: none;
}
p, h2 {
    color: white;
}
span {
    color: rgb(172, 168, 168);
}
h1 {
    color: white;
}