:root
{
    --navBackColor:rgb(	255, 255, 255, 0.0);
    --lineColor:rgb(	255, 255, 255, 0.05);

    --navTextColor:rgb(	255,255,255, 1);
    --navTextHoverColor:rgb(	255, 255, 255, 0.2);

    --mainTextColor:rgb(	8,15,69, 1);
    --secondaryTextColor:rgb(	255, 255, 255, 1);

    --highlightText:rgb( 8,15,69, 1);

    --regularTextColor:rgb(	255, 255, 255, 0.2);

    --footerColor:rgb(18, 21, 31, 1);
    --footerColorAlpha:rgb(18, 21, 31, 0.3);

    --bgImageHome:url('../img/bg_for_1100__2000.png');
    --bgImageGeneral:url('../img/bgGeneral_for_1100__2000.png');
    --bgImageSection:url('../img/bgSection_for_1100__2000.png');
    --bgImageSectionLast:url('../img/bgSectionLast_for_1100__2000.png');
    --bg2:url('../img/bg2.png');
    --bullet1:url('../img/arrow.png');
    --footerBG:url('../img/footerbg.png');
}


main, nav, header, footer, section
{
    width: 100%;
    padding: 0;
    margin: 0;
}

.container
{
    margin: 0 auto;
    display: flex;
    height: 100%;
}

.upper_nav .container
{
    color: var(--navTextColor);
    justify-content: space-between;
    border-bottom: 1px solid var(--lineColor);
}

header .container .catch, header .container .character
{
    display: flex;
}

.title .container
{
    justify-content: center;
}


html
{
color:var(--mainTextColor);

}