div#header { font-size: 25px; } div#header img { height: 40px; } div#subs img { height: 120px; border-radius: 100px; } div#subs ul { height: 160px; } div.thumb, div.details { display: inline-block; padding: 0px; } div.details { width: 100%; padding-left: 0px; } div.details a { height: 100%; } div.playmodes { display: inline-flex; position: relative; height: 50px; width: 100%; } div.playmodes a { background-color: #323232; width: 25%; } div.playmodes img, div.playmodes span { width: 100%; height: 50px; margin: 0px; } div.playmodes div { height: 50px; margin: 0px; padding: 0px; } div.seen { width: 100%; } div.seen h3 { font-size: 32px; padding-top: 7px; position: absolute; width: 100%; } div.thumb img { display: block; height: 226px; } div.row { display: inline-grid; } div.video_body, div.seen, div.playmodes { display: inline-flex; } .upload, .views { position: relative; bottom: 0px; } .views { float: right; } div#title h1 { line-height: 60px; } div.title { position: relative; padding-left: 10px; top: 10px; } div.title img { height: 80px; border-radius: 60px; } .category, .no-category, .unsubscribe, .solo, .no-solo, .regex, .no-regex { position: relative; border: solid 2px; border-radius: 40px; height: 50px; width: 50px; text-align: center; cursor: pointer; } .category a, .no-category a, .unsubscribe a, .solo a, .no-solo a, .regex a, .no-regex a { line-height: 50px; font-size: 35px; } .no-category, .category { top: -160px; left: -5px; } .unsubscribe { top: -136px; left: 75px; } .solo, .no-solo { top: -190px; left: -5px; } .regex, .no-regex { top: -215px; left: 75px; } .menu { display: none; } .menu button, div.button, .menu select, .menu input { font-size: 17px; } .menu button, div.button { padding: 5px; border: none; margin: 5px;