*{box-sizing:border-box;line-height:1.5}body{background:#2c2c2c;color:#fff;font-family:Courier New,Courier,monospace;overflow:hidden}body,h1{margin:0}h1:last-child{position:absolute;right:0;top:0}a{cursor:pointer}ol,p{margin-bottom:40px}#g{display:none;margin:auto;position:relative}#gC{transition:all .3s}#i{margin-bottom:15px;position:relative}#h{color:#666;position:absolute;text-align:center;top:0;width:100%}#p1,#p2{opacity:.25}#s1,#s2{font-weight:400}.col{float:left}#ctrl{font-weight:700;letter-spacing:2px;margin-top:30px}#ctrl a{color:#666;display:inline-block;text-align:center;text-decoration:underline;width:49%}#ctrl a:hover{color:#fff}#modal{background:#2c2c2c;border:1px solid #fff;height:100%;opacity:1;padding:40px;position:absolute;top:-3px;transition:opacity .5s ease;width:100%;z-index:0}