@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');:root{--primary-color:#56d27f;--nav-color:rgba(75,174,108,.788);--secondary-color:#fdc74c;--tertiary-color:#525758d0;--quaternary-color:#fff;--quinary-color:#e8e8e8;--senary-color:#010101;--danger-color:rgba(203,79,79,.94)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Montserrat',sans-serif;background-color:#f5f5f5}.navbar{background-color:var(--nav-color);color:var(--quaternary-color);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:64px;box-shadow:0 0 10px rgba(64,68,69,.5);position:fixed;top:0;width:100%}.navbar-logo{display:flex;align-items:center;flex:1}.navbar-logo-link{display:flex;align-items:center;text-decoration:none;color:var(--quaternary-color);text-shadow:0 0 2px var(--tertiary-color)}.navbar-logo-link:hover .navbar-logo-img{transform:rotate(35deg)}.navbar-logo-img{width:48px;height:48px;margin-right:.5rem;display:flex;align-items:center;text-align:center;justify-content:center;background-size:100%;-webkit-filter:drop-shadow(0 0 3px var(--quaternary-color));filter:drop-shadow(0 0 3px var(--quaternary-color));transition:all .35s ease-in-out}.navbar-logo-title{font-size:1.5rem}.navbar-items{display:flex;align-items:center;flex:1;justify-content:center}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item,.navbar-logout{margin-left:1rem;height:24px;width:48px;position:relative;text-align:center;background-size:100%;-webkit-filter:drop-shadow(0 0 2px var(--tertiary-color));filter:drop-shadow(0 0 2px var(--tertiary-color))}.nav-item span{width:24px;height:24px;background-color:var(--quaternary-color);margin-right:.85rem;display:inline-block;text-align:center;transition:all .25s ease-in-out}.nav-item::after{content:attr(data-text);position:absolute;top:50%;left:-40%;padding:.5rem;color:var(--quaternary-color);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;width:60px;text-align:center}.nav-item:hover::after{opacity:1}.nav-item:hover span{transform:translateY(-.5rem);width:18px;height:18px}.nav-link{text-decoration:none;color:var(--quaternary-color);display:inline-block;height:24px;width:24px}.navbar-logout{display:flex;align-items:center;position:relative;height:24px;width:24px;flex:1;justify-content:end;margin-right:5px}.username-badge{background-color:#fff;border-radius:5px;border:1px solid #000;padding:0 5px;height:24px;color:#000;display:flex;align-items:center;justify-content:space-between;gap:5px;overflow:hidden}.username-badge-title{font-weight:bold}.username-badge-icon{display:none}.username-badge-title,.username-badge-value{height:auto;font-size:.8rem}footer{background-color:var(--secondary-color);color:black;display:flex;justify-content:center;align-items:center;padding:1rem;height:48px;box-shadow:0 0 10px rgba(64,68,69,.5);position:fixed;bottom:0;width:100%}footer img{height:42px;margin-right:.5rem;cursor:pointer;background-size:100%;-webkit-filter:drop-shadow(0 0 3px var(--quaternary-color));filter:drop-shadow(0 0 3px var(--quaternary-color))}footer p{font-size:1rem;text-shadow:0 0 1px var(--quinary-color)}.container{height:calc(100vh - 112px);width:100%;display:flex;justify-content:center;align-items:center;top:64px;position:relative;overflow:hidden;overflow-y:auto}