body {font-family: Lato, Helvetica, Arial, sans-serif;}
  .header { background: #FFFFFF!important;}
  .header__appbar_menu { background: #1CB606!important;}
    .header__appbar_top_color { border-top: 3px solid #20FF00!important;}




.ads>div {
    display: block;
}
.content-body__description,
.content-body__detail {
    word-break: break-word;
}
.option-selection a:hover .buzz-icon ,
.option-selection a.active .buzz-icon {
    background-position: -25px -148px!important;
}
@media (max-width: 680px) {
.option-selection a .answer-cover {
    padding: 9px 10px!important;
}
.option-selection .option-text {
    font-size: 18px!important;
    line-height: 21px!important;
    margin-left: 28px!important;
}
}
.option-selection a .meta {
    top: auto;
    right: 10px;
    bottom: 25px;
}
.content-body__detail code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
    word-break: break-all;
    white-space: break-spaces;
}

.drawer .reaction-emojis,
.drawer .footer-left {
    width: auto;
     padding:10px;
}

@media (max-width: 1047px){
.auth-content{
    margin: 100px auto!important;
}
}

.button.button-create { 
    background-color: #000000 !important;
    background-image: linear-gradient(180deg, #000000, #000000) !important;
    border-color: #ffffff !important;
    color: #fff !important;
}