html{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%}html body{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0}#app{box-sizing:border-box;background-color:#343434;width:100%;max-width:100%;height:100%;max-height:100%;overflow:auto}main{box-sizing:border-box;width:auto;max-width:100%;height:auto;max-height:100%}main #main-content{box-sizing:border-box;width:auto;max-width:100%;height:auto;max-height:100%;padding:0}#bar-menu{z-index:3;background-color:#c5c5c5;flex-direction:row;justify-content:space-between;align-items:center;min-width:100%;max-width:100%;height:50px;margin:0 auto;display:flex;position:fixed;top:0;left:0}#bar-menu #left-nav-bar{flex-direction:row;align-items:center;height:100%;display:flex}#bar-menu #right-nav-bar{flex-direction:row;justify-content:center;align-items:center;gap:0;height:100%;min-height:5vh;margin-right:1%;display:flex}#bar-menu .bar-menu-option{text-align:center;color:#fff;width:50px;height:50%;font:bold 20px, sans-serif;border-bottom:1px solid #0000;justify-content:center;align-items:center;margin-top:20%;margin-left:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-decoration:none}#bar-menu .bar-menu-option:hover{border-color:#000}#bar-menu #right-nav-bar #bar-menu-log-in{text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:relative}#bar-menu .bar-menu-option #sign-out{cursor:pointer}#bar-menu #bar-menu-options{flex:1;width:auto;height:100%;margin:0;position:relative}#bar-menu #bar-menu-options button{background-color:#0000;border:none;height:100%}#bar-menu #bar-menu-option{height:100%}#bar-menu #bar-menu-options-img{cursor:pointer;width:30px;height:7px;margin:0;padding:0}#bar-menu .bar-menu-dropdown{z-index:-3;float:right;text-align:center;text-align:center;box-sizing:border-box;background-color:#f0f8ff;flex-direction:column;gap:0;display:flex;position:fixed;top:50px;right:0}.bar-menu-dropdown div{text-align:center;color:#000;cursor:pointer;box-sizing:border-box;border-bottom:2px solid #0000;width:100%;height:100%;padding:15px;text-decoration:none;list-style:none}.bar-menu-dropdown div:hover{border-color:#000}.bar-menu-dropdown-option{color:#000;text-decoration:none}#svg-circle{border:1px solid #00f;width:100%;height:100%;position:absolute;top:0}#svg-circle .my-circle{fill:none;stroke:#000;stroke-width:2px}#video-container{z-index:0;opacity:.9;width:100%;height:100%;position:fixed;top:0}