:root{--delete-color:#d00000;--clear-bg-color:#ffba08;--app-bg-color:#136f63;--addBtn-bg-color:#3f88c5;--page-bg-color:#032b43;--page-text-color:#f4f4f8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#032b43;background-color:var(--page-bg-color);font-family:Palatino,Palatino Linotype;min-height:100vh;width:100%}.App{margin:20px auto;max-width:70%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;text-align:center;width:70%}.App>h1{color:#f4f4f8;color:var(--page-text-color);font-size:2.5em;padding:10px}form{align-items:center;border-bottom:1px solid #f4f4f8;border-bottom:1px solid var(--page-text-color);display:flex;gap:10px;height:10vh;justify-content:center}form input{border-radius:10px;border-style:none;font-size:1.2em;padding:1px;width:230px}form button{font-size:1.2em;width:100px}fieldset{background-color:#136f63;background-color:var(--app-bg-color);border-radius:10px;color:#f4f4f8;color:var(--page-text-color);max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:50vh;width:100%}.userItem{border:1px solid #f4f4f8;border:1px solid var(--page-text-color);border-radius:10px;display:flex;font-size:1.2em;justify-content:space-between;margin:5px auto;padding:10px;width:80%}.closeIcon{color:#d00000;color:var(--delete-color);cursor:pointer}.closeIcon:hover{color:#f66}.userItems{padding:10px 0}button{border-radius:10px;border-style:none;cursor:pointer}button:active{border-style:inset}.clearBtn{background-color:#ffba08;background-color:var(--clear-bg-color);color:#f4f4f8;color:var(--page-text-color)}.clearBtn:hover{background-color:#996e00}.addBtn{background-color:#3f88c5;background-color:var(--addBtn-bg-color);color:#f4f4f8;color:var(--page-text-color)}.addBtn:hover{background-color:#235176}@media screen and (max-width:425px){body{width:100vh}fieldset{width:80vh}}
/*# sourceMappingURL=main.de2939d0.css.map*/