/* ============================= */
/*          GLOBAL               */
/* ============================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#fff;
    color:#000;
    font-family:Georgia, "Times New Roman", serif;
    zoom: -0.5%;
}


/* ============================= */
/*         TOP BANNER            */
/* ============================= */

.banner{
    width:100%;
    height:18px;
    background:black;
    color:white;
    overflow:hidden;
    white-space:nowrap;
    display:flex;
    align-items:center;
}

.marquee{
    display:inline-block;
    padding-left:100%;
    animation:scroll 20s linear infinite;
    font-size:11px;
    font-weight:bold;
}

@keyframes scroll{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-100%);
    }
}


/* ============================= */
/*         MAIN CONTENT          */
/* ============================= */

.container{
    width:650px;
    max-width:90%;
    margin:20px auto 0;
    text-align:center;
    transform:scale(0.5);
    transform-origin:top center;
}


/* ============================= */
/*           HEADER              */
/* ============================= */

.header{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}


/* ============================= */
/*            TITLE              */
/* ============================= */

h1{
    font-size:58px;
    font-weight:normal;
    line-height:1;
    transition:.18s;
    cursor:default;
}

h1:hover{
    transform:scale(1.04);
}


/* ============================= */
/*      EXCLUSIVE MEMBER         */
/* ============================= */

.member{
    font-size:16px;
    text-decoration:underline;
    line-height:1;
    margin-top:0;
}


/* ============================= */
/*            WOJAK              */
/* ============================= */

.logo{
    width:42px;
    margin-top:-2px;
}


/* ============================= */
/*         NAVIGATION            */
/* ============================= */

nav{
    margin-top:22px;
    font-size:16px;
}

nav span{
    margin:0 14px;
}

nav a{
    color:black;
    text-decoration:none;
    display:inline-block;
    transition:.18s;
}

nav a:hover{
    transform:scale(1.06);
}


/* ============================= */
/*        MAIN IMAGE             */
/* ============================= */

.main-image{
    width:430px;
    max-width:80%;
    display:block;
    margin-top:28px;
}


/* ============================= */
/*           FOOTER              */
/* ============================= */

footer{
    text-align:center;
    margin-top:20px;
    margin-bottom:10px;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
}