@charset "utf-8";
/*
 * Name     : sub.css
 * Version  : 1.0
 * Author   : onepixel studio
 * Date     : 2022-08-06
 ---------------------------------------------------
 Table of contents
 ---------------------------------------------------
    01. COMMON
    02. HERO
    03. CAPTCHA
    04. MEDIA QUERIES
---------------------------------------------------
*/

/* ------------------------------
 * COMMON
------------------------------ */
.logo-header {margin-bottom: 64px; text-align: center}
.logo-header .logo {width: 140px; margin-bottom: 16px; user-select: none; pointer-events: none}

/* ------------------------------
 * HERO
------------------------------ */
#hero {height: 480px; background-color: var(--primary); background-size: cover; background-position: center; background-repeat: no-repeat}

/* ------------------------------
 * CAPTCHA
------------------------------ */
#captcha {display: -webkit-flex; display: flex}
#captcha_img {width: 120px}
#captcha_info {display: block; font-size: 14px; color: var(--grey-500); margin-top: 0.5rem}
#captcha_key {width: 90px}

/* ------------------------------
 * MEDIA QUERIES
------------------------------ */
@media (max-width: 767px) {
    #hero {height: 360px}

    .logo-header {margin-bottom: 48px}
    .logo-header .logo {width: 100px; margin-bottom: 12px}
}