@import url("../../fonts/poppins/poppins.css");

#btnSubmit, .form-control {
    height: 48px;
    box-shadow: none !important
}

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

body {
    max-height: 100vh;
    max-width: 100vw
}

#domain-card {
    border: none;
    border-radius: 8px
}

.form-control {
    background-color: #f9f9f9
}

    #inputDomainName:focus + #lblDomainName, #inputDomainName:hover + #lblDomainName, .form-control:hover {
        background-color: #fff
    }

#btnSubmit {
    background-color: #202427;
    border-color: #202427;
    color: #fff;
    width: 100%;
    font-size: 16px;
    word-spacing: 4px;
    font-weight: 400
}

main {
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #EEF5FF;
}

#inputDomainName {
    border-right: 0px solid transparent
}

.input-group input:focus {
    border-color: #ced4da
}

    .input-group input:focus.border-red {
        border-color: red
    }

.border-red {
    border-color: red
}

#lblDomainName {
    border-left: 0 solid transparent !important;
    text-align: right;
    max-width: 150px;
    background-color: #f9f9f9;
    font-size: 15px
}

#popAnimation {
    animation: 1.5s cubic-bezier(.165,.84,.44,1) forwards blowUpContent
}

@keyframes blowUpContent {
    0% {
        transform: translateY(-1000px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

#errorMessage {
    font-size: 13px;
    word-spacing: 2px;
    color: red
}

.form-label {
    word-spacing: 2.5px
}

.domain-description {
    font-weight: 600;
    font-size: 24px;
    word-spacing: 5px
}

a {
    text-decoration: none;
    color: #000;
}