* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    background-color: #eee;
    height: 100vh;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(to bottom, #fff 10%, rgba(142,221,101, 0.6) 80%) no-repeat;
    overflow: hidden;
}

.wrapper {
    max-width: 600px;
    min-height: 300px;
    border-radius: 20px;
    padding: 30px 40px;
    box-shadow: 20px 20px 100px rgb(206, 206, 206);
    margin-top: 20vh;
    background-color: rgba(255, 255, 249, 0.9);
}

.wrap-input-mail {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
    border: 2px solid #adadad !important;
    overflow: auto;
}

.wrap-input-password {
    width: 100%;
    position: relative;
    border: 2px solid #adadad !important;
    overflow: auto;
}

.input {
    font-size: 22px !important;
    color: #555 !important;
    line-height: 1.2 !important;
    height: 45px !important;
    background-color: rgba(255, 255, 249, 0.9) !important;
    padding: 0 5px !important;
    border: none !important;
    width: 88%;
    border: none !important;
    border-radius: 0rem !important;
}

input:hover {
    box-shadow: none !important;
    cursor: pointer;
}

input:focus {
    background-color: rgba(255, 255, 249, 0.9) !important;
    color: black;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 249, 0.9) inset !important;
}

.wrap-input {
    width: 100%;
    position: relative;
    margin-bottom: 37px;
    border: 2px solid #adadad !important;
    overflow: auto;
}

button:not(.btn-primary) {
    min-width: 0px !important;
}