.container{color:#fff}.left-side{position:fixed;top:0;left:0;height:100%;width:10%;background-color:#111;border-right:1px solid #fff}.right-side{position:fixed;top:0;right:0;height:100%;width:90%;background-color:#222;border-left:1px solid #fff;overflow:auto}.top{position:relative;top:0;left:0;width:100%;height:100px;border-bottom:1px solid #fff;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.nav-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-button{color:#fff;background-color:#111;font-size:.9rem;font-weight:700;padding:1.3rem;width:90%;margin:10px 0;border:1px solid #fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.nav-button:hover,.nav-button.active{background-color:#fff;color:#111}h1{text-align:center}