#button,.container{font-size:25px}#button,#onlineDiv{background-color:orange}#title,#titleBox,.container{margin-left:auto;margin-right:auto}.container,a{position:relative}body{background:url(images/bgImage.jpg) center center no-repeat fixed;margin:0;padding-top:80px}#titleBox{margin-bottom:50px;max-width:450px;text-align:center}#title{border-radius:0;border:none;height:auto;width:400px}.container{border-bottom:2px solid #000;box-shadow:0 5px 3px -1.5px #545454;font-family:Helvetica;height:35px;text-align:center;width:470px;z-index:200}#button,#button2{border-left:1px solid rgba(0,0,0,.5);border-radius:20%;border-right:1px solid rgba(0,0,0,.5);border-top:1px solid rgba(0,0,0,.5);display:inline-block;position:absolute;right:0;width:27px;box-shadow:0 3px 3px 1.5px #696969}#offlineDiv,#onlineDiv{height:auto;margin-left:auto;margin-right:auto;padding:10px;width:450px}#onlineDiv{font-family:Helvetica,arial;font-size:18px}#button2{background-color:#90ee90;font-size:25px}#button2:hover,#button:hover{background-color:#f0f8ff;cursor:pointer}#button2:active,#button:active,a:active{box-shadow:0 1px 1px 1px #545454}#offlineDiv{background-color:#b6f6a6;font-family:Helvetica;font-size:18px;margin-bottom:100px}img{border-radius:100%;border:3px solid #d3d3d3;height:50px;margin:0;vertical-align:middle;width:50px}a{-ms-flex-align:center;align-items:center;background-color:#f0f8ff;box-shadow:0 0 3px 1.5px #545454;box-sizing:border-box;color:rgba(0,0,0,.8);display:-ms-inline-flexbox;display:inline-flex;height:80px!important;margin:5px 0;padding:0 5px;text-decoration:none;width:100%!important}a:hover{box-shadow:0 3px 3px 1.5px #696969}.mainInfo{-ms-flex-align:center;align-items:center;border-bottom:2px solid orange;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;margin:0 0 0 8px}.offlineInfo{display:inline-block;margin:26px 0 0 8px;vertical-align:top}a>span{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;position:absolute;right:5px}.viewIcon{border:1px solid orange;height:15px;margin:0 3px;width:15px}.viewCount{border-bottom:2px solid orange}@media (max-width:550px){#box,#title,#titleBox{width:100%}#box{margin:0}.container{margin:0 auto;width:98%}#offlineDiv,#onlineDiv{font-size:16px;margin-bottom:10px;padding:1px 0 0;width:98%}a{display:-ms-flexbox;display:flex;margin-bottom:-10px;margin-left:auto!important;margin-right:auto!important;width:98%!important}#offlineDiv>a:first-of-type,#onlineDiv>a:first-of-type{margin-top:15px!important}}