*{padding:0;border:none}@font-face{font-family:tex_gyre;src:url(../fonts/tex_gyre/texgyrecursor-regular-webfont.ttf) format('truetype');font-weight:400;font-style:normal}#container{position:absolute;top:0;left:0;width:100%;height:100%}#backgd_1,#backgd_2{position:absolute;top:0;height:100%;width:100%;background-size:cover;-webkit-transition:opacity 4s;-moz-transition:opacity 4s;-o-transition:opacity 4s;transition:opacity 4s}#txt{position:absolute;top:0;z-index:100;left:25%;width:50%;-webkit-transition:opacity 2s;-moz-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s}.fdin{opacity:1}.fdout{opacity:0}.fdinbackgd{opacity:.2}#container h1{color:#fff;font-family:tex_gyre,Courier,monospace}