body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

#wrapper a {
    color: #5b79fa;
}
#subtitle {
    font-weight: 500;
    margin-top: 0;
    margin-left: 68px;
    font-size: 13pt;
    margin-bottom: -5px;
}

#wrapper {
    margin: 0;
    padding: 40px;
}

@media screen and (max-width: 700px) {
    #wrapper {
        padding: 20px;
    }
    #subtitle {
        margin-left: 2px;
        margin-top: 10px;
        font-size: 11pt;
    }   
}

@media screen and (min-width: 900px) {
    #wrapper {
        max-width: 900px !important;
        margin-left: auto;
        margin-right: auto;
    }
}


#wrapper blockquote, #wrapper .game_info_panel_widget {
    background: #f1f3fa;
    border: none;
    border-radius: 15px;
    margin: 0;
    padding: 20px;
    font-weight: 500;
    font-style: normal;
    margin-top: 15px;
}

#wrapper .custom-qgt * {
    font-weight: bold;
    color: white;
    font-style: normal;
}

#wrapper .custom-qgt:hover {
    background-image: linear-gradient(120deg, #f55a66 0%, #d34e91 100%);
    box-shadow: -3px 3px 0 #A15b5ca0;
    translate: 3px -3px;
}

#wrapper {
    max-width: 100vw;
}

#wrapper h3 em {
    font-weight: 500;
}

#wrapper h3 {
    padding-top: 0;
    margin-top: 10px;
}
#wrapper #header {
    display: block;
    max-width: 100%;
    padding-top: calc(50vh - 350px);
    margin-bottom: -10px;
}

#wrapper .header_buy_row p {
    display: none;
}

#wrapper .button {
    border: none;
    border-radius: 100px;
    padding: 2px 16px;
    height: auto;
}

#wrapper .button:hover {
    box-shadow: inset 0 100px #FFF3;
}

#wrapper section li a {
    padding: 3px 8px;
    background: #67C2;
    font-weight: bold;
    border-radius: 20px;
}

#wrapper a:hover {
    box-shadow: inset 0 100px #3331;
}

#wrapper .post_like_button {
    border-radius: 100px;
}

#wrapper .user_formatted a::after {
    background: #5b79fa;
    border-radius: 30px;
}

#wrapper .screenshot_list img {
    margin: 5px;
    border-radius: 10px;
    transition-duration: 0.2s;
    clip: border-box;
}

#wrapper .screenshot_list a:first-child img {
    margin-left: 0;
}

#wrapper .screenshot_list img:hover {
    scale: 1.02;
    transform: translate(6px, -5px);
    box-shadow: -3px 3px 0 #6666;
    outline: 1px solid #FFF3;
}

#wrapper .screenshot_list {
    padding: 10px 0;
    padding-bottom: 10px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;

}

.responsive .view_game_page .columns .right_col {
    display: block;
    margin: 0;
    width: auto;
}

.responsive .view_game_page .columns {
    flex-direction: column;
    margin: 0;
    max-width: 100vw;
    display: flex;
}

.responsive .view_game_page .columns .left_col {
    -webkit-order: 2;
    order: 2;
}

.responsive .view_game_page .screenshot_list {
    white-space: nowrap;
    overflow: auto;
    font-size: 0;
    text-align: center;
    margin: 0;
}


.responsive .view_game_page .screenshot_list img {
    display: inline-block;
    margin: 0;
    height: 200px;
}

.responsive .view_game_page .columns .left_col {
    display: block;
    margin: 0;
    width: auto;
}

.header_widget.gray .primary_header {
    background: #FFF;
    --itchio_body_color: black;
    box-shadow: none;
}

.header_widget.gray *, .header_widget.gray *::before, .header_widget.gray *::after {
    color: var(--itchio_body_color) !important;
    box-shadow: none;
}

.header_widget.gray .header_logo>img {
    filter: none;
}

#screenshot {
    max-height: 40vh;
    margin: 20px 0;
    border-radius: 15px;
    max-width: 100%;
}

@media (prefers-color-scheme: dark) {
    body {
        background: #111;
        color: white;
    }


    #wrapper div {
        background: #111;
        color: white;
    }

    #wrapper blockquote, #wrapper .game_info_panel_widget {
        background: #22232A;
    }

    #wrapper .header img, img#header {
        filter: invert();
    }

    #redactor-toolbar-0 {
        background: none;
    }

    .header_widget.gray .primary_header {
        background: #111;
        --itchio_body_color: white;
        box-shadow: none;
    }

    .header_widget.gray .header_logo>img {
        filter: invert();
    }
}


#wrapper .form .redactor-box, #wrapper .game_comments_widget .post_form input {
    border-radius: 18px;
    border: 5px solid #0000;

    background: #67C2 !important;
}

#wrapper .form .redactor-box div {
    background: none;
}


#wrapper .form .redactor-box .redactor-toolbar-box {
    border-top: 2px solid #111;

}

#wrapper .form .redactor-box .redactor-toolbar-box * {
    border-radius: 15px;
}