.AppContainer{display:flex;flex-direction:column;height:100vh;overflow-y:hidden}.TopBar{height:50px;background-color:#0dac82;padding:0;border-bottom:solid 2px rgb(19,161,114)}.FlexContainer{flex-grow:1;height:50vh;display:flex;flex-wrap:nowrap;background-color:#fff;position:relative}.SideBar{flex-grow:1;width:25vw;min-width:120px;max-width:200px;border-right:solid 1px rgb(216,216,216);background-color:#fff;z-index:1}.WebPage{flex-grow:1;width:100vw;padding:0% 3% 10%;z-index:1;overflow-y:scroll}.SideBarList{height:100%;padding-left:5%;width:100%;margin-top:8px;justify-content:center}.SideBarList .SideBarItem{width:93%;height:55px;list-style-type:none;margin-top:0;display:flex;flex-direction:row;color:#000;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;border-radius:15px}.SideBarList .SideBarItem:hover{cursor:pointer;background-color:#cffdcf}.SideBarList #active{background-color:#68f168}.SideBarItem #icon{flex:30%;display:grid;place-items:center}.SideBarItem #name{flex:70%;font-size:medium;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sLucida Sans Unicode,Geneva,Verdana,sans-serif}.InfoList{height:100%;padding-left:5%;width:100%;margin-top:8px;justify-content:center}.InfoList .InfoEntry{width:93%;height:55px;list-style-type:none;margin-top:0;display:flex;flex-direction:row;color:#000;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;border-radius:15px}.InfoList #active{background-color:#cffdcf}.InfoEntry #key{flex:30%;display:grid;place-items:center}.InfoEntry #val{flex:70%;font-size:medium;font-family:Lucida Grande,sLucida Sans Unicode,Geneva,Verdana,"sans-serif";place-items:center}.UploadPic{margin:10px 5px 0;border-radius:5px;border:none}