@import "https://fonts.googleapis.com/css?family=Lato:400,300,700";
html, body { margin: 0; padding: 0; min-height: 100%; }

body { font-family: "Lato",Arial,Verdana,sans-serif; font-weight: 300; font-size: 14px; background: #e5353f; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e5353f), color-stop(100%, #99207e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e5353f 0%, #99207e 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #e5353f 0%, #99207e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5353f', endColorstr='#99207e',GradientType=1 ); /* IE6-9 */ }

div.mainContainer { overflow-y: scroll; overflow-x: hidden; }
div.mainContainer h1 { color: white; text-align: center; font-size: .9em; }
div.mainContainer h1 a { color: white; text-decoration: none; position: relative; display: inline-block; }
div.mainContainer h1 a::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 0%; background: transparent; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
div.mainContainer h1 a:hover::after { width: 100%; background: white; }
div.mainContainer div.messageContainer div.boxMessage div.content { margin: 0 1em; color: white; border-bottom: 1px solid white; }
div.mainContainer div.messageContainer div.boxMessage div.content p { margin: 0; padding: 0; word-wrap: break-word; }
div.mainContainer div.messageContainer div.boxMessage div.content p.infos { font-style: italic; padding: 1em 0; font-size: .8em; position: relative; }
div.mainContainer div.messageContainer div.boxMessage div.content p.infos span.intent { position: absolute; right: 0; }
div.mainContainer div.messageContainer div.boxMessage div.content p.infos span.intent a { color: rgba(255, 255, 255, 0.6); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-left: .2em; }
div.mainContainer div.messageContainer div.boxMessage div.content p.infos span.intent a:hover { color: white; }
div.mainContainer div.messageContainer div.boxMessage div.content p.message { padding-bottom: 1em; }
div.mainContainer div.messageContainer div.boxMessage div.content p.message a { color: inherit; text-decoration: none; position: relative; display: inline-block; }
div.mainContainer div.messageContainer div.boxMessage div.content p.message a::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 0%; background: transparent; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
div.mainContainer div.messageContainer div.boxMessage div.content p.message a:hover::after { width: 100%; background: white; }
div.mainContainer div.messageContainer div.boxMessage div.content figure { padding: 0; margin: 0; padding-bottom: 1em; }
div.mainContainer div.messageContainer div.boxMessage div.content figure img { width: 100%; }
div.mainContainer a.loadMore { display: block; border: 2px solid white; text-align: center; margin: 1em; padding: 1em 0; color: white; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
div.mainContainer a.loadMore:hover { background-color: white; color: #e53640; font-weight: 900; }

div.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
div.loader img { display: block; margin: 0 auto; -webkit-transform: scale(0.5); transform: scale(0.5); }

::-webkit-scrollbar { width: 5px; background-color: #99207e; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.7); }