*{box-sizing:border-box;margin:0;padding:0;font-family:Arial}html,body{width:100vw;height:100vh}header{display:flex;color:#fff;background-color:#1e90ff;flex-direction:row;align-items: center;gap:1rem;height:5vh;font-size:16pt;font-weight:700}header>p{padding-left:1em;padding-right:1em;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}header>button{color:#fff;cursor:pointer;background-color:#50a7ff;border:none;border-bottom:5px solid #add8e6;width:10rem;height:5vh;padding:10px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;font-weight:800}header>button:hover{color:#000;background-color:#42a1ff;border-bottom:5px solid #000;font-weight:900}main{display:flex;justify-content:center;align-items: center;height:95vh}.loginPage{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:10px;height:100vh}.dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100vw;height:95vh}.dashboard>div{height:45vh;padding:10px}.logBox{color:#0f0;overflow-y:auto;background:#111;border:1px solid #333;height:95%;padding:10px;font-family:Consolas,monaco,monospace}.logBox .text{white-space:pre-wrap;overflow-y:auto;margin-bottom:10px;font-family:Consolas,monaco,monospace}.logBox .text>div{font-family:Consolas,monaco,monospace}