body{background-color:var(--backgroundColor)}.header{position:absolute;top:0;min-height:30px;height:5vh;padding-top:10px;width:100%;justify-content:center;background-color:var(--color10)}.headerMenu{padding-right:10px;float:right}.headerButton{font-weight:700;border:none;background-color:inherit;padding:0 10px}.headerButton:hover{background-color:var(--color30)}.modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background-color:var(--modalBackgroundColor);border:1px solid var(--modalBorderColor);color:var(--modalTextColor);text-align:center;margin:15% auto;padding:20px;min-width:20%;width:min-content;max-width:80%}.close{color:#aaa;font-size:18px;font-weight:700}.confirm{margin-left:20%;color:#aaa;font-size:18px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.mailcontainer{position:absolute;top:5vh;display:flex;align-items:top;justify-content:left;padding-top:10px;width:100vw;align-items:stretch}.bar0{border:1px solid var(--borderColor);border-bottom:none;order:1;flex-shrink:0;flex-basis:0;padding:10px}.bar1{order:2;flex-grow:2;flex-shrink:0;flex-basis:0}.bar2{border:1px solid var(--borderColor);border-bottom:none;order:3;flex-grow:4.5;flex-shrink:0;flex-basis:0;padding:10px}.refreshbtn{margin:5px;padding:0;height:40px;width:40px;border:1px solid var(--borderColor);background-color:var(--backgroundColorElement)}.registerbtn{margin:5px;padding-left:10px;padding-right:10px;height:40px;border:1px solid var(--borderColor);background-color:var(--backgroundColorElement)}select{margin:5px;height:40px}.inboxElement{margin-bottom:-1px;border:1px solid var(--borderColor);background-color:var(--backgroundColorElement);padding:5px;height:10vh}.inboxElement.Selected{background-color:var(--color30)}.inboxElementBodyPreview{color:gray}.mailHeader,.mailBody{border:1px solid var(--borderColor);background-color:var(--backgroundColorElement);margin:10px;padding:10px}.logincontainer{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.loginWindow{text-align:center;font-size:xx-large;min-height:60%;min-width:20vw;width:min-content;padding:30px;background-color:var(--color30)}input{background-color:var(--backgroundColorElement);height:50px;width:250px}.loginButton{border:none;width:250px;height:50px}:root{--color60: #23272a;--color30: #126;--color10: #24C;--headerColor: var(--color30);--borderColor: #000;--borderColorLight: grey;--backgroundColor: var(--color60);--backgroundColorDark: var(--color30);--backgroundColorElement: #333;--backgroundColorElementDark: #222;--backgroundColorElementLight: #444;--modalBackgroundColor: #000;--modalBorderColor: #000;--modalTextColor: #FFF;font-size:medium;color-scheme:light dark;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:hover{background-color:var(--backgroundColorElementLight)}button:active{background-color:var(--backgroundColorElementDark)}select{border:1px solid var(--borderColor);background-color:var(--backgroundColorElement)}select:active{background-color:var(--backgroundColorElementDark)}select:hover{background-color:var(--backgroundColorElementLight)}