body{
/* HOMEPAGE */

    /* BACKGROUND */
    background-image: url(res/images/1989_Banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    /* TEXT */
   h1 {
       color: #fff;
       text-align: center;
   }

   h3 {
       color: #000;
       text-align: center;
       padding: 10px;
   }

/* ---INDEX BUILDING--- */

    #discord {background: #2C2F33; padding: 30px; width: 500px ; margin: auto; border: 1px #000; margin-top: 200px; }
    #discord h3{color: #fff; font: 19px impact bold; }
    #discord a{font: 19px impact bold;}

    .center{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .discbtn{
        color: #fff;
        background:#5663F7 ;
        text-decoration: none;
        padding: 20px;
        margin-left: 190px;
    }

    .discbtn:hover{
        color: #000;
        background:#fff ;
        text-decoration: none;
        padding: 20px;
        margin-left: 190px;
        transition: 450ms;
    }

    .discbtn:active{
        color: #fff;
        background:#404EED ;
        text-decoration: none;
        padding: 20px;
        margin-left: 190px;
    }

    #social {background: none; margin-left: 700px;}
    #social ul {list-style: none;}
    #social ul li .facebook{background: url(res/images/facebook_small.png );}

   /* LANGUAGE MENU */

   #nav {width: 1257px; background: #fff; margin: 180px; float: left; border-radius: 5px;}
   #nav ul {margin: 0; padding: 0; background: #9933ff; float: left; width: 100%; list-style: none;}
   #nav ul li { float: center; font: 16px arial;}
   #nav ul li a { color: #888; text-decoration: none; padding: 20px; display: block;}
   #nav ul li:hover {background: #8c1aff;}
   #nav ul li .english {background: #9933ff url(res/images/uk.png) no-repeat center; float: left; width: 100%; padding: 30px 0; margin-bottom: 15px; }
   #nav ul li .portuguese {background: #9933ff url(res/images/pt.png) no-repeat center; float: left; width: 100%; padding: 30px 0; margin-bottom: 15px; }

   /* MOTD */

   .svtitle{
       color: #FF7400;
       font: bold calibri;
       font-size: 60px;
   }

   .rules{
       color: #5DE235;
       font: bold calibri;
       font-size: 30px;
   }

   .rules-left{
       text-align: right;
       margin-top: -360px;
   }

   .disclink{
       color: #fff;
       background: #5663F7;
       font: bold impact;
   }

   .facelink{
       color: #fff;
       background: #006AFF;
       font: bold impact;
   }

   .facebtn{
       color: #fff;
       font: bold arial 30px;
       background: #006AFF;
       text-decoration: none;
       padding: 25px;
       margin-left: 190px;
   }

   .facebtn:hover{
       color: #000;
       background: #fff;
       transition: 400ms;
   }

   #facebook {background: #000; padding: 30px; width: 500px; margin: auto; border: 1px #000; margin-top: 100px;}
   #facebook h3 {font: 20px impact bold; color: #fff;}