@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}#root main:not(.logout,.login){margin-left:200px;padding:20px}p{text-align:justify}.flex1{flex:1}@media (max-width: 800px){#root main:not(.logout,.login){margin-left:0;padding:60px 20px 10px}}.shrd-layout{display:flex;flex-direction:row}.menu{width:200px;height:100vh;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;background-color:#4ab957}i.hamburgerIcon{display:none}.menu div img{width:100%}.menu nav{margin-top:20px;display:flex;flex-direction:column;width:100%}.menu nav a{font-size:1.1rem;text-decoration:none;color:#fff;margin:5px 0}.menu button.logout{font-size:1.1rem;text-decoration:none;background-color:#fff;color:#4ab957;padding:7px 15px;text-align:center;border:none;cursor:pointer}@media (max-width: 800px){.menu{position:fixed;transform:translate(-100%);transition:.4s}i.hamburgerIcon{display:block;position:fixed;top:20px;left:20px;font-size:1.8rem;z-index:50;transition:.4s;text-shadow:white 1px 0 20px}.menu.open{transform:translate(0);z-index:49}.menuWrapper.open .hamburgerIcon{left:220px}}.login div{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;display:flex;flex-direction:column;align-items:center}.login div h1{font-size:2.5rem}.login div form{display:flex;flex-direction:column;margin-top:20px}.login div form input{margin:10px 0;padding:10px;font-size:1rem;width:25vw;border:none;border-bottom:1px solid #4ab957;background-color:#f5f5f5}.login div form input:focus{outline:none}.login div form input[type=submit]{background-color:#4ab957;border:none;color:#fff;font-size:1.1rem;cursor:pointer}@media (max-width: 1000px){.login div form input{width:80vw}}