/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Rajdhani');


/* RESET */
* {margin: 0; padding: 0; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal;
    box-sizing: border-box; border: none; outline: none;}
    img {max-width: 100%;}
    ul {list-style: none;}
    a {text-decoration: none;}
    h2 {font-size: 1.5em; color: #333;}
    p {font-size: 1em; color: #777;}

/* BODY */

body {background-color: #f0efef;}

/* HEADER */

.header{background-color: #333;}

.logo {overflow: hidden; text-align: center;}
.logo img {max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.logo:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.menu {background-color: #1a65ba; height: 65px; font-size: 14px; padding-top: 20px; border-bottom: 4px solid #0e4889;}
.menu ul li {display: inline;}
.menu a:link {color:#fff; text-decoration:none; transition-duration: 0.5s; transition-timing-function: ease-in; transition-property: all; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700;}
.menu a:visited {color:#fff; text-decoration:none;}
.menu a:hover {color:#363636; text-decoration:none;}

.noticia {margin-top: 30px; background-color:#fff; border-radius: 15px; margin-bottom: 35px;}
.titulo p {background: #fff; border-radius: 14px; font-size: 20px; font-family: 'Montserrat', sans-serif; padding-top: 30px;}
.personagem { margin: 20px; border-radius: 5px; float: left;}
.texto-noticia {padding: 30px;}
.author {background: #d0d0d0; border-radius: 5px; padding: 5px; font-size: 20px; font-family: 'Montserrat', sans-serif;}

@media only screen and (max-width: 980px) {.discord { display: none; }}
.discord {margin-top: 30px; background-color: white; padding-bottom: 30px; padding-top: 30px; border-radius: 15px; width: 100%; position: absolute;}
.discord-t {font-family: 'Montserrat', sans-serif; font-size: 16px; text-align: center;}
.twitter-t {font-family: 'Montserrat', sans-serif; font-size: 16px; text-align: center; padding-top: 25px;}

/* FOOTER */

.footer {width: 100%; height: 115px; background-image: url('https://i.imgur.com/AOatQ1u.png'); border-top: 2px solid #363636; position:absolute; width:100%; color: #fff; margin-top:35px; padding-top: 35px; text-align: center; font-family: 'Rajdhani', sans-serif;}

/* LOJA */
.category {background-color: #fff; font-family: 'Montserrat', sans-serif; font-size: 20px; padding: 15px; margin-top: 30px; border-radius: 5px;}
.servidores {font-family: 'Montserrat', sans-serif; font-size: 15px; padding-top: 5px; font-weight: 600;}
.servidores a:link {font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; color: #8b8b8b;}
.servidores a:hover {color: #000000; text-decoration:none; transition-duration: 0.5s; transition-timing-function: ease-in; transition-property: all;}
.info {background-color: #fff; padding: 30px; margin-top: 30px; border-radius: 5px; padding-bottom: 30px;}
.info-t {color: #000; font-size: 35px; font-family: 'Montserrat', sans-serif;}
.info-d {color: #000; font-size: 18px; font-family: 'Montserrat', sans-serif;}
.vip-m {background-color: #fff; padding: 30px; margin-top: 30px; border-radius: 5px; padding-bottom: 30px;}
.vip {background-color: #fff; margin-top: 30px; border-radius: 5px; text-align: center; margin-bottom: 30px;}
.vip-nome {font-family: 'Montserrat', sans-serif; font-size: 18px; padding: 10px 10px 0px 10px; font-weight: 600;}
.vip-preco {color: #398418; font-size: 14px;}
.vip-imagem {padding: 15px;}
.vip-mais {background-color: #fff; }

.comprar-vip {background-color: #1a65ba; padding: 6px; border-radius: 2px; color: #fff;}
.comprar-vip a:link {font-family: 'Montserrat', sans-serif; font-size: 15px; color: #fff;}
.comprar-vip a:hover {color: #fff; text-decoration:none; transition-duration: 0.5s; transition-timing-function: ease-in; transition-property: all;}
.linha {border-width: 0 0 1px 0;}
.botao {padding: 5px;}
 /* SCROLLBAR */

 body::-webkit-scrollbar {width: 4px;}
 body::-webkit-scrollbar-thumb {background: #1a65ba;}