*,::after,::before{box-sizing:border-box;font-family:"Titillium Web",sans-serif}html{height:100%}body{height:100%;margin:0;display:block;overflow:hidden}app-root{width:100%}app-top-bar{width:100%;color:#fff;background-color:#ff5733;font-size:30px;padding-left:10px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-shadow:0 2px 4px 0 rgba(0,0,0,.6);z-index:999;position:fixed;top:0}app-top-bar h2{margin:0}app-top-bar a{color:#fff;text-decoration:none}app-top-bar a:hover{opacity:.8}.outerContainer{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;z-index:0;height:100vh;margin-top:55px;overflow:auto;scrollbar-color:#ff5733 #fff}app-side-bar{background:#ff5733;color:#fff;width:20%;height:100%;-webkit-box-flex:0;flex-grow:0;flex-basis:20%;flex-shrink:0;overflow:hidden;padding-top:10px;z-index:0;font-size:20px;font-weight:700;position:relative;overflow-y:auto;scrollbar-color:#ff5733 #fff}app-side-bar-menu{border-bottom:2px solid #fff;display:block;padding-left:20px;padding-top:10px;padding-bottom:10px;width:auto}app-side-bar-menu:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.6)}app-view-window{z-index:0;-webkit-box-flex:2;flex-grow:2;color:#ff5733;padding-top:10px;padding-left:10px;padding-right:10px}app-view-window h2{color:#ff5733;margin:10px 0 0;font-weight:bolder;font-size:35px}app-view-window p{margin-top:10px;text-align:justify;font-size:20px;color:#000}