input[type="text"] {
    background-color: rgba(219, 219, 219, 0.8);
    border: 1px solid white;
    padding: 4px;
    margin: 4px;
    border-radius: 128px;
    text-align: center;
    transition: 0.1s;
}

input[type="text"]:hover,
input[type="text"]:focus {
    background-color: rgba(219, 219, 219, 1);
    transform: scale(1.25);
}

.btn {
    border-radius: 128px;
    padding: 8px;
    border: none;
    cursor: pointer;
    color: white;
    background: linear-gradient(0deg, rgb(11, 81, 128), rgb(15, 132, 161));
    transition: 0.1s;
}

.btn:hover {
    transform: scale(1.25);
    background: linear-gradient(0deg, rgb(11, 81, 128), rgb(15, 132, 161));
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.btn-danger {
    background: linear-gradient(0deg, rgb(128, 11, 11), rgb(161, 15, 15));
}

.btn-danger:hover {
    background: linear-gradient(0deg, rgb(128, 11, 11), rgb(161, 15, 15));
}

.btn-secondary {
    background: linear-gradient(0deg, rgb(94, 94, 94), rgb(82, 82, 82));
}

.btn-secondary:hover {
    background: linear-gradient(0deg, rgb(94, 94, 94), rgb(82, 82, 82));
}