html,body,.mainPage{width:100%;height:auto;margin:0;padding:0;font-family:sans-serif;position:absolute}nav{background-color:#6495ed;height:56px;position:relative}ul{float:none;box-sizing:border-box;z-index:10;background-color:#6495ed;width:100%;margin:0;padding:8px;list-style-type:none;list-style-position:inside;position:absolute;top:100%;left:0}ul li a{color:#fff;width:100%;height:100%;padding:8px 0;text-decoration:none;display:block}ul li a:hover{cursor:pointer;background-color:#96b4f0;text-decoration:underline}nav button.menuButton{float:left;background-color:#6495ed;background-position:50%;background-repeat:no-repeat;background-size:50%;border:0;border-radius:0;width:56px;height:56px;display:block;position:relative}nav button.menuButton:hover{cursor:pointer;background-color:#96b4f0}img{max-width:100%;max-height:100%;position:relative}div.titleLink{float:none;float:left;width:calc(100% - 168px);height:56px;display:block;position:relative;overflow:hidden}div.titleLink a{color:#000;width:370px;height:56px;padding:0 20px;font-size:32px;font-weight:700;line-height:56px;text-decoration:none;display:block;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}div.titleLink a:hover{cursor:pointer;background-color:#96b4f0;text-decoration:underline}nav button.profileIcon{float:right;background-color:#6495ed;background-position:50%;background-repeat:no-repeat;background-size:50%;border:0;border-radius:0;width:56px;height:56px;display:block;position:relative}nav button.profileIcon:hover{cursor:pointer;background-color:#96b4f0}nav button.addPostIcon{float:left;background-color:#6495ed;background-position:50%;background-repeat:no-repeat;background-size:50%;border:0;border-radius:0;width:56px;height:56px;display:block;position:relative}nav button.addPostIcon:hover{cursor:pointer;background-color:#96b4f0}div.main{text-align:center;position:relative}span.currentLinkName{word-break:break-all;max-width:100%;display:inline-block}