.general {
    width: 300px;
    height: 50px;
    border-radius: 5px;
    outline: none;
    border: none;
}

    .general:focus {
        border: none;
        outline: none;
        box-shadow: 3px 3px 5px 0px #3775B5;
        -webkit-box-shadow: 3px 3px 5px 0px #3775B5;
        -moz-box-shadow: 3px 3px 5px 0px #3775B5;
    }

    .general::placeholder {
        font-family: Calibri;
        color: black;
    }

.button {
    position: relative;
    background-color: #36a2e4;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    padding: 0.8em 1.8em;
    cursor: pointer;
    user-select: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s; /* Safari */
}

    .button:hover {
        transition-duration: 0.1s;
        background-color: #3775B5;
        color: white;
    }

    .button:after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 5px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.5s;
        box-shadow: 0 0 10px 10px #3775B5;
    }

    .button:active:after {
        box-shadow: 0 0 0 0 white;
        position: absolute;
        border-radius: 5px;
        left: 0;
        top: 0;
        opacity: 1;
        transition: 0s;
    }

    .button:active {
        top: 1px;
    }