#email-section {
font-family: 'Segoe UI Regular';
padding: 0 0 0 0;
margin-top: 3rem;
}

#email-section .container {
width: 90%;
margin-inline: auto;
background: #222A35;
box-shadow: 0px 0px 5px #4472C4;
padding: 10px 15px 10px 15px;
margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
    #email-section .container {
        width: 50%;
        min-width: 700px;
    }
}
.form-group {
margin: 10px 0px 10px 0px;
}

.form-group label {
font-size: 19px;
color: #f1f1f1;
margin-right: 5px;
}
.form-group small {
font-size: 13px;
color: red;
}

.form-input{
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: white;
background-color: black;
background-clip: padding-box;
border: solid 1px black;
border-radius: 0rem;
outline: none;
box-shadow: 0px 0px 1px 1px #4472c4a1;

}

.form-input:not(textarea) {
height: calc(1.5em + 0.75rem + 2px);
}


.form-input:focus, .form-input:valid {
box-shadow: 0px 0px 2px 1px #4472c4ff;
border-color: #95cfeb;
}
#email-submit {
position: relative;
height: 40px;
}
#email-submit input {
background: radial-gradient(closest-side, #44546A, 70%, #222A35);
border: none;
color: white;

transition: background 0.3s;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#email-submit input:hover {
background: radial-gradient(closest-side, #44546A, 80%, #222A35);
}
#email-submit input:active {
background: radial-gradient(closest-side, #44546A, 90%, #222A35);
}


#form-submitted {
display: none;

position: relative;
width: 70px;
height: 70px;
font-size: 10px;
background-color: #202231;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: width .5s, height .5s, border-radius .5s;
}

#form-submitted * {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity .25s;
outline: none !important;
}

.icon {
    font-size: 45px;
    opacity: 0;
}

#form-submitted.active {
display: block;
outline: none !important;
    width: 70px;
    height: 70px;
    background-color: #44c08a;
    border-radius: 50%;
}

#form-submitted.active .text{
    opacity:0;
}

#form-submitted.active .icon{
    opacity: 1;
    transition-delay: .5s;
    left: 45%;
}