:root{font-family:Titillium Web,system-ui,sans-serif;overflow:hidden}html,body{margin:0;padding:0}.screen{display:flex;flex-direction:column;gap:10px;color:#d1f8ef;background-color:#3674b5;width:auto;height:calc(100vh - 4rem);padding:2rem}.screen h1{margin:0;font-weight:700}.header{padding:1rem;height:auto}.inputContainer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.inputContainer input{width:3rem;border-radius:2px;border:2px solid gray}.remlist{padding-top:1rem;width:100%;height:100%;box-sizing:border-box;overflow:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:5px}.listelem{display:grid;grid-template-rows:1.5rem;grid-template-columns:4rem .5rem 150px;place-content:center;padding-left:20px;padding-right:20px;border-left:3px solid #a1e3f9}.listelem :nth-child(3){cursor:pointer;overflow:auto;min-width:150px}.listelem :nth-child(3):hover{background-color:#a1e3f9;border:2px solid #d1f8ef;color:#fff;border-radius:2px}.listelem :nth-child(n){width:fit-content;height:fit-content}.modal{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:2px solid #d1f8ef;height:auto;padding-left:1.5rem;padding-right:1.5rem;font-weight:700;color:#000}button{background-color:#fff;border-radius:2px;border:2px solid #d1f8ef}