/* css file for the front page of the Redmew Website */


body {
    background-image: url("/assets/background/bgr.jpg");
    /* Factorio Background image (1920x1080) */
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

th {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-spacing: 0;
    text-align: center;
    max-width: 100px;
    text-overflow: ellipsis;
}

td {
    border-right: 1px solid white;
    border-spacing: 0;
    text-overflow: ellipsis;
}
        #m1 {
            text-overflow: ellipsis;
        }

        #t1{
            text-align: center;
        }
        #t2{
            text-align: center;
        }
        #t3{
            text-align: center;
        }
        #p1{
            text-align: center;
        }
        #p2{
            text-align: center;
        }
        #p3{
            text-align: center;
        }
        #thM{
            text-align: left;
            margin-left: 40px;
        }

        #clockbox {
            background-image: url("/assets/others/clock.png");
            position: absolute;
            width: 180px;
            height: 28px;
            margin-left: 860px;
        }
        /* Front css clockbox (needs rework with Ps)*/

        #clock {
            position: absolute;
            color: white;
            font-family: TitilliumWebSemi;
            font-size: 19px;
            margin-top: -2px;
            margin-left: 912px;
            z-index: 100;
        }

        #logo {
            background-image: url("/assets/background/logo.png");
            position: absolute;
            width: 422px;
            height: 76px;
            margin-left: 1460px;
            margin-top: 40px;
        }
        /* Background Factorio logo */

        #menu {
            background-image: url("/assets/menu/gui.png");
            position: absolute;
            width: 802px;
            height: 759px;
            margin-left: 555px;
            margin-top: 150px;
            opacity: 0.9;
        }

        #logtable {
            color:white;
            position: absolute;
            margin-left: 590px;
            margin-top: 178px;
            width: 722px;
            font-family: TitilliumWeb;
        }

        #log_gui {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 178px;
        }

        #log_gui2 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 230px;
        }

        #log_gui3 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 282px;
        }

        #log_gui4 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 334px;
        }

        #log_gui5 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 386px;
        }

        #log_gui6 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 438px;
        }

        #log_gui7 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 490px;
        }

        #log_gui8 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 542px;
        }

        #log_gui9 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 594px;
        }

        #log_gui10 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 646px;
        }

        #log_gui11 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 698px;
        }

        #log_gui12 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 750px;
        }

        #log_gui13 {
            background-image: url("/assets/menu/log_gui2.png");
            position: absolute;
            width: 722px;
            height: 26px;
            margin-left: 590px;
            margin-top: 802px;
        }

        #favourite {
            background-image: url("/assets/menu/favourite.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 182px;
        }

        #favourite2 {
            background-image: url("/assets/menu/favourite.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 208px;
        }

        #favourite3 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 234px;
        }

        #favourite4 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 260px;
        }

        #favourite5 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 286px;
        }

        #favourite6 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 312px;
        }

        #favourite7 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 338px;
        }

        #favourite8 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 364px;
        }

        #favourite9 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 390px;
        }

        #favourite10 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 416px;
        }

        #favourite11 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 442px;
        }

        #favourite12 {
            background-image: url("/assets/menu/favouriteg.png");
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: 590px;
            margin-top: 468px;
        }

{
border-left: 1px solid white;
height: 100%;
}

        #join_now_button {
            position: absolute;
            margin-left: 1237px;
            margin-top: 854px;
        }

        #back_button {
            position: absolute;
            margin-left: 1118px;
            margin-top: 854px;
        }

        #refresh_button {
            position: absolute;
            margin-left: 999px;
            margin-top: 854px;
        }

        #log {
            position: absolute;
            margin-left: 1299px;
            margin-top: 175px;
        }



        @font-face {
            font-family: TitilliumWebSemi;
            src: url('/assets/fonts/TitilliumWeb-SemiBold.ttf');
        }

        @font-face {
            font-family: TitilliumWeb;
            src: url('/assets/fonts/TitilliumWeb-Regular.ttf');
        }
        /* Factorio main menu font */