main {
    margin-left: 20px;
}
.guest {
    display:flex;
    flex-direction: row;
}
.guestbook {
    width: 100%;
    height: 95vh;
}
#HCB_comment_box #hcb_form_content,
#HCB_comment_box #hcb_form_email,
#HCB_comment_box #hcb_form_name,
#HCB_comment_box #hcb_form_website {
    background-color:hsl(225, 100%, 10%);
    box-shadow: 0 0 40px var(--blue-neon), inset 0 0 20px var(--blue-neon);
    border-radius: 0;
    margin-left: 20px;
    color:#ffffff;
}
#HCB_comment_box .btn.btn-secondary,
#HCB_comment_box #hcb_file_label a {
    background-color: hsl(250, 100%, 12%) !important;
    background-image: none !important;           /* убиваем градиент bootstrap */
    color: #ffffff !important;                    /* перекрашиваем текст ссылки */
    text-decoration: none;             /* убираем подчёркивание */
    border: 2px solid var(--blue-neon); /* стиль обязателен */
    border-radius: 0;
    margin-left: 30px;
    padding: 8px 16px;
    display: inline-block;             /* чтобы padding и рамки работали */
    cursor: pointer;
    box-shadow: 0 0 40px hsl(250, 100%, 30%), inset 0 0 20px hsl(250, 100%, 25%) !important;
}
#HCB_comment_box .btn.btn-secondary:hover {
    background-color: var(--blue-neon);
    color: #000;
}
#HCB_comment_box #hcb_submit {
    border-radius: 0;
    border: 1px solid white !important;
    background-color: hsl(250, 100%, 12%) !important;
    color: #ffffff;
    box-shadow: 0 0 40px hsl(250, 100%, 50%), inset 0 0 20px hsl(250, 100%, 12%) !important;
    height: 50px;
}

@media(max-width: 1000px)
{
    .guest {
        flex-direction: column;
    }
}