html,body{margin:0;padding:0;}
body {
     font-family:verdana;
     background: linear-gradient(-180deg,
        rgba(19,26,44,.4),
        rgba(29,43,69,.8)),
        url('https://i.imgur.com/V9spCuu.png'),
        url('https://i.imgur.com/jq0QzVv.gif');
     background-attachment:fixed;
     background-size:100%, 900px 257px, 400px 453px;} 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#wrapper{position:fixed;left:28%;right:28%;bottom:15%;top:20%}
.panel{margin:0 0 -5px}
.panel-title{white-space:nowrap;cursor:pointer;margin:0;padding:0;line-height:55px;font-size:60px;font-family:gravity,'Racing Sans One',sans-serif;letter-spacing:-3px;text-shadow:-3px 2px 2px rgba(54, 54, 54,0.9)}
article{overflow:auto;padding:0 15px 0 0;text-align:justify;font-family:'Exo',sans-serif;font-size:14px;line-height:1.4;color:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:rgba(255,255,255,0.4);border-radius:5px}
::-webkit-scrollbar-button:horizontal{display:none}
::-webkit-scrollbar{background-color:rgba(0,0,0,0.02);height:0;width:5px}
/* transparent scroll */ 
::-webkit-scrollbar {width: 2px;}
::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 0 0 15px transparent;}
::-webkit-scrollbar-track {border-radius: 0px; -webkit-box-shadow: inset 0 0 5px transparent;}
#bg-left{position:fixed;top:0px;left:300px;width:30%}
#bg-right{pointer-events:none;position:fixed;top:-10px;right:-100px;width:30%}
#bg-right img{width:50%}