body{background-color:black;margin:0;text-align:center;font-family:arial;letter-spacing:0.2em;font-weight:bold;}a{text-decoration:none;}.b{margin:auto;height:400px;max-width:800px;width:80%;position:fixed;top:0;bottom:0;left:0;right:0;}#i{margin:auto;width:520px;height:290px;color:white;border-radius:16px;border-width:2px;border-style:solid;border-color:#ffffff;background-color:#393939;position:fixed;top:0;bottom:0;left:0;right:0;display:none;}#i>div{margin-top:50px;margin-bottom:50px;}#j{width:360px;height:24px;font-size:18px;padding-left:8px;padding-top:2px;padding-bottom:2px;border:none;border-radius:8px;border-width:3px;border-style:solid;border-color:#252525;}#a{border-radius:8px;border-width:2px;border-style:solid;border-color:#ffffff;padding:8px;cursor:pointer;width:140px;margin-left:auto;margin-right:auto;background-color:#393939;transition:background-color 0.25s ease-out;}#a:hover{background-color:#666666;transition:background-color 0.25s ease-out;}#h{max-width:100%;}#f{display:inline-block;}#f div{border-width:2px;border-style:solid;border-color:#555555;border-radius:8px;color:white;width:120px;padding:8px;padding-right:6px;clear:both;cursor:pointer;transition:border-color 0.25s ease-out;}#f div:hover{border-color:white;transition:border-color 0.25s ease-out;}#f div:visited{border-color:#555555;}#g{height:120px;float:right;}#g>a{float:left;padding:25px 10px 20px 10px;transition:padding-top 0.25s ease-out;}#g>a div{border-radius:10px;width:60px;height:60px;}#g>a:hover{padding-top:10px;padding-bottom:35px;cursor:pointer;}#g img{width:40px;height:40px;margin-top:10px;}#g #e div{background-color:#3ab1db;}#g #c div{background-color:#4565a2;}#g #d div{background-color:#8a3ab9;}#g #b div{background-color:#5ca223;}.a{position:fixed;right:0;bottom:0;padding:20px;margin:-5px;opacity:0.25;transition:opacity 0.25s ease-out;}.a:hover{cursor:pointer;opacity:1;transition:opacity 0.25s ease-out;}