*{padding:0;margin:0;box-sizing:border-box}.space{height:180vh;width:100%}.sidebar{width:100px;position:fixed;z-index:1;top:50%;padding-left:calc((100% - 1300px) / 2);overflow-x:hidden}.sidebar .container{float:right;background-color:#444;border-radius:5px;overflow-x:hidden}.sidebar .container ul{margin-block-start:0px;margin-block-end:0px;width:100%}.sidebar .container ul>li:before{display:none}.sidebar .container ul li a{display:inline-block;text-decoration:none;padding:10px 20px;color:white}.sidebar .container ul li:hover{background-color:#ddd}.sidebar .container ul li a:hover{color:black}.sidebar .container ul li.active{background-color:crimson;transition:.3s ease background-color}.sidebar .container ul li.active a{color:#fff}@media screen and (max-width:1300px){.sidebar{padding:0px;position:-webkit-sticky;position:sticky;top:0;width:100%}.sidebar .container{padding:10px 0px 10px 0px;border-radius:0px;overflow:hidden;position:fixed;bottom:0;left:0;width:100%;margin:auto;text-align:center}.sidebar .container ul li{margin:auto;display:inline-block;padding:5px 10px 5px 10px;text-decoration:none;font-size:14px}@media screen and (max-width:1300px){.sidebar{padding:0px;position:-webkit-sticky;position:sticky;top:0;width:100%}.sidebar .container{padding:10px 0px 10px 0px;border-radius:0px;overflow:hidden;position:fixed;bottom:0;left:0;width:100%;margin:auto;text-align:center}.sidebar .container ul li{width:auto}.sidebar .container ul li a{float:center;margin:auto;display:inline-block;padding:5px 10px 5px 10px;font-size:14px}}