*{position:relative}html,body{height:100%;width:100%;margin:0;padding:0;color:#eceff4;background:#2e3440;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}::-webkit-scrollbar{display:none}#view{height:calc(100% - 40px);width:90%;max-width:1000px;margin:0 auto}#bar{height:40px;width:100%;background:#3b4252;display:flex;flex-direction:row;justify-content:center;align-items:space-between}.bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.title{padding:20px 0 10px}.login-input{width:100%;margin:10px 0}.login-input input{width:calc(100% - 20px);padding:6px 10px;color:#eceff4;background:#2e3440;border:1px solid #eceff4;border-radius:3px;font-size:1.1rem}.login-button{width:100%;margin:10px 0}.login-button button{padding:4px;color:#eceff4;background:#2e3440;border:1px solid #eceff4;border-radius:3px;font-size:1.4rem;cursor:pointer}#list-container>.problem{padding:10px;background:#434c5e;margin:0 0 10px}.list-id{color:#d8dee9;font-size:.8rem}.list-title{color:#eceff4;font-size:1.2rem}