body{margin:0;overflow:hidden}.flex{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:20px}.full-width{width:100%}.space{margin-bottom:20px}.welcome>div{transform:translate(-50%);position:absolute;left:50%;top:10%}.welcome>div>div{margin-bottom:20px}.register>div{position:absolute;transform:translate(-50%);left:50%;top:10%;text-align:center;min-width:300px}.register>div>div{margin-bottom:20px}.header{align-items:center;background:#ddd;padding:10px 30px;flex-direction:row-reverse;height:40px}.icon:hover{cursor:pointer}.config-button{min-width:200px}.search{position:absolute;transform:translate(-50%);left:50%}.search-bar{width:50vw}.article{position:relative;padding:5px;width:300px;height:200px;overflow:hidden}.article:hover{cursor:pointer}.article>p{font-size:20px;margin:0;text-align:center;max-height:90px;overflow:hidden;position:relative}.article>p>div{position:absolute;width:60px;height:30px;right:0;bottom:0;background:linear-gradient(to right,#fff0,#fff)}.article-tag{color:#fff}.article>div{display:flex;flex-wrap:wrap;column-gap:3px;row-gap:2px}.article-buttons{transform:scale(1.5);position:absolute;right:20px;bottom:10px}.article-buttons>*{border-radius:50px;background:#dff;border:solid #6ebbbb 1px;color:gray}.article-edit:hover{color:#000}.article-delete:hover{color:#a00}.article-dialog-base{position:fixed;width:100vw;height:100vh;left:0;top:0}.article-dialog-base:hover{cursor:default}.article-dialog{position:fixed;left:50%;top:30%;transform:translate(-50%);padding:20px 50px}.article-dialog>div>button{width:50%}.content{height:calc(100vh - 100px);padding:20px 50px;display:flex;overflow:scroll;flex-wrap:wrap;column-gap:20px;row-gap:20px;align-content:flex-start}.listview{width:100vw;height:100vh}.new>div{position:absolute;transform:translate(-50%);left:50%;top:10%;width:50vw;height:90%;overflow:scroll}.new>div>div>p{width:100px}.new>div>div>div{flex-grow:1}.new-tags{border:1px solid black;padding-right:20px;padding-left:20px;max-height:250px;overflow:scroll}.new-tags>button{margin-top:5px;color:#000}.new>div>button{margin-top:20px;margin-left:calc(50% - 250px);width:500px;background:#ddd}.new>div>button:hover{background:#bdd}.new-selected-user{border:1px solid black;padding-left:20px;padding-right:20px;max-height:250px;overflow:scroll;flex-grow:1}.new-add-user{width:100%;align-items:center}.new-add-user>button{width:50px}.new-add-user>div{flex-grow:1}.visible-users{align-items:center}.visible-users>p{flex-grow:1}.tagitem{position:relative;height:50px;align-items:center}.tagitem>p{margin-left:30px}.tagitem>button{position:absolute;transform:translateY(-50%);top:50%;right:0}.tagdialog{position:absolute;transform:translate(-50%);left:50%;top:20%;width:300px;padding:20px}.tagdialog>div>button{width:calc(50% - 15px);margin-left:10px;margin-right:5px;margin-top:15px}.profile>.content{--width:500px;width:var(--width);padding-left:calc(50% - var(--width) / 2);display:block}.profile-title{align-items:center}.profile-title>*{margin:0}.profile>.content>div>div{flex-grow:1}.profile-tags>button{margin-top:5px;color:#000}.profile-tags{border:1px solid black;padding-right:20px;padding-left:20px;max-height:250px;overflow:scroll}.tagdialog>div>p{width:50%;text-align:center}.tagdialog>div>input{width:40%}.edit>div{position:absolute;transform:translate(-50%);left:50%;top:10%;width:50vw;height:90%;overflow-x:hidden;overflow-y:scroll}.edit>div>div>p{width:100px}.edit>div>div>div{flex-grow:1}.edit-tags{border:1px solid black;padding-right:20px;padding-left:20px;max-height:250px;overflow:scroll}.edit-tags>button{margin-top:5px;color:#000}.edit>div>button{margin-top:20px;margin-left:calc(50% - 250px);width:500px;background:#ddd}.edit>div>button:hover{background:#bdd}.login>div{position:absolute;transform:translate(-50%);left:50%;top:10%;text-align:center;min-width:300px}.login>div>div{margin-bottom:20px}.settings-content{height:calc(100vh - 100px);padding:20px 50px;display:flex}.settings-leftsidebar{min-width:300px;max-width:300px;height:100%;overflow:scroll}.settings-main{height:100%;overflow:scroll;flex-grow:1}.settings-main>div{width:100%;height:100%;overflow:scroll}.settings-item{margin-left:40px}.settings-item>p{width:150px}.settings-tags{border:1px solid black;padding-right:20px;width:500px;padding-left:20px;max-height:250px;overflow:scroll}.settings-tags>button{margin-top:5px;color:#000}