body {
    background-image: none;
    background: #edeef0 !important;
}
.col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.main-block {
    background-color: white;
    display: flex;
    padding: 24px;
    padding-bottom: 0;
    justify-content: space-between;
    border-radius: 4px;
    margin-top: 12px;
    box-shadow: 0 1px 0 0 #dce1e6, 0 0 0 1px #e7e8ec;
}
.main-content {
    width: 100%;
}
.gatari-devka {
    margin-left: -48px;
    width: 320px;
    height: 387px;
    background-image: url(/static/images/characters/shinobu_colorful.png);
    background-size: 110%;
    background-position-y: 10%;
}
.inputs-block {
    display: flex;
    flex-direction: column;
    padding: 8px;
    padding-bottom: 48px;
    color: #222;
    width: 100%;
}
.textarea-block--content {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}
.block-title--xl {
    font-size: 32px;
    font-weight: 700;
}
.block-title--sm {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.girl-block {
    display: flex;
    align-items: flex-end;
    width: 30%;
    align-self: flex-end;
}
.registration-input-default {
    border: none;
    font-size: 15px;
    color: #222;
    background-color: #eee;
    width: 100%;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 8px;
    margin-top: 12px;
    transition: 0.2s border-color, 0.2s color;
}

.registration-input-default:focus {
    border-color: #b9b9b9;
    outline: none;
}
.registration-input-default.error{
    border: 1px solid #a90f0f;
}
.registration-button {
    color: #fff;
    background-color: hsl(var(--base) 100% 70%);
    font-weight: 700;
    border-radius: 6px;
    border: none;
    padding: 6px 16px;
    text-align: left;
    cursor: pointer;
    margin-top: 12px;
    width: 80%;
}
.registration-button:not(.disabled):active {
    background-color: #d82f68;
}

.links-block {
    padding-top: 8px;
    display: flex;
    flex-direction: column;
}
.links-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

iframe.video {
    border: 2px solid #d1d1d1;
    border-radius: 4px;
    margin: 0 4px;
    width: calc(100% - 8px);
}
.input-error{
    padding: 0;
    font-size: 12px;
    opacity: 0.8;
}
.registration-link-btn {
    font-size: 14px;
    font-weight: 800;
    padding-top: 7px;
    margin: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
    width: calc(50% - 8px);
    margin-bottom: 10px;
    transition: 0.2s background-color, 0.2s color, 0.2s border-color, 0.2s box-shadow;
    color: #ffffff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background-image: url(/static/images/icons/button.svg);
    background-color: #ec5700;
    background-size: 150%;
    box-shadow: 0 5px #9c3a00;
}

.registration-link-btn.discord{
    background-color: #7289DA;
    box-shadow: 0 5px #5a6eb3;
}    

.registration-link-btn.vk{
    background-color: #4a76a8;
    box-shadow: 0 5px #365980;
}    

.registration-link-btn.youtube{
    background-color: #a90f0f;
    box-shadow: 0 5px #800029;
}    

.registration-link-btn .fab {
    font-weight: normal;
    font-size: 16px;
}

.registration-link-btn:hover {
    background-color: #ab2f5a;
    color: white;
    border-color: #de5a87;
    box-shadow: 0 5px #8a2344;
}
.link-icon {
    margin-bottom: 1px;
}

.inputs-block--content{
    width: 95%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

@media (max-width: 992px) {
    .main-block {
        flex-direction: column;
        height: auto;
        padding-top: 18px;
        margin-top: 0px;
    }
    .girl-block {
        display: none;
    }
    .inputs-block {
        width: auto;
    }
    .block-title--xl{
        font-size: 26px;
    }
    .registration-input-default {
        font-size: 16px;
        width: 100%;
    }
    .links-block {
        padding: 8px;
    }
    .inputs-block--content{
        width: 100%;
    }
    .registration-button{
        font-size: 20px;
        width: 100%;
    }
    a.key-hint{
        font-size: 16px;
    }
}
.form-group{
    width: 100%;
    margin-bottom: 0;
}


.alert {
    margin: 12px 0;
    margin-bottom: 6px;
    width: 100%;
    font-size: 14px;
    padding: 0.45rem 0.85rem;
}

a.key-hint {
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0;
    margin-top: 8px;
    text-decoration: underline;
}