body {
    margin: auto;
    width: 50vw;
    padding: 2vw;
    text-align: center;
    color: rgb(240, 245, 250);
    background-color: rgb(57, 57, 57);
}
label, .radio-group{
    display: flex;
}
input, select, textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid white;
    border-radius: 5px;
    box-sizing: border-box;
}
button, #reset {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: 0.25s ease-in-out;
}
button:hover {
    color: white;
    background-color: rgb(76, 175, 80);
}
#reset:hover {
    color: white;
    background-color: rgb(160, 69, 69);
}
.form-group {
    margin-bottom: 15px;
}
.range-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
a {
    display: inline-flex;
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
    color: white;
    background-color: blue;
    transition: 0.25s ease-in-out;
}
a:hover {
    transform: scale(1.1);
    box-shadow: 0 0 50px orangered;
    background-color:green;
}