body{font-family:"Segoe UI",Arial,Helvetica,sans-serif}.head{font-size:62px;color:#fff;position:absolute;top:100px;left:80px;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;opacity:0}.backg{position:absolute;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-color:#666}.nav{display:flex;justify-content:space-around;position:fixed;left:0;right:0;bottom:-36px;color:#fff;background-color:rgba(0,0,0,.5);height:36px;line-height:36px;padding-left:10px;padding-right:10px;overflow:hidden;text-overflow:ellipsis}.navitem{color:#fff;font-size:16px;opacity:.7;margin-left:6px;margin-right:6px;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;overflow:hidden;text-overflow:ellipsis;text-wrap:none;cursor:pointer;height:36px}.navitem:hover{opacity:1}