.Base { background-color: #36393f; border-radius: 5px; width: 1200px; margin: auto; height: 750px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.Base .SideBar { height: 750px; background-color: #2f3136; border-radius: 5px; float: left; position: fixed; overflow: hidden; width: 200px; }.Base .Username { background-color: #2a2c31; border-radius: 5px; position: absolute; height: 45px; width: 100%; bottom: 0; }.Base .Logo { top: 3.5%; left: 50%; transform: translate(-50%, -50%); position: absolute; }.Base .UsernameTXT { color: white; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 175px; font-size: 20px; }.Base .SideBar .NiceDividerHR { width: 100%; color: #36393f; background-color: #36393f; }.Base .Content { position: absolute; width: 1000px; height: 100%; left: 200px; padding: 30px; color: white; }.Base .Content .Options { left: 50%; left: 50%; transform: translate(-50%, -50%); }.DiscordButton { background-color: #7289da; color: white; padding: 10px 25px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; }.DiscordButton:hover { background-color: #7289da; color: white; padding: 10px 25px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; }.FeatureSelect { background-color: #2f3136; transition: all 0.1s ease-in-out; padding: 5px 20px; color: white; margin-bottom: 5px; font-size: 15px; } .FeatureSelect:hover { background-color: #484b51; transition: all 0.1s ease-in-out; }.Base .Lol img { border-radius: 50%; height: 64px; }.CenterDiv { position: absolute; right: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }