*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;font-family:Rubik,sans-serif;background-color:#5c141b;color:#432000;-webkit-user-select:none;user-select:none}.container{position:relative;display:flex;flex-direction:column;width:100%;max-width:500px;margin:30px auto;row-gap:10px}h1{margin:0;color:#fdfdfd;text-align:center}.user-welcome{color:#fff;text-align:center;margin:10px 0}img{width:150px;margin:0 auto}input{width:100%;color:#fdfdfd;background-color:#3a0f13;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif;margin:10px 0}.input-fields{display:flex;flex-direction:column;column-gap:10px}.label{color:#fff;font-size:24px;font-weight:700}#add-button{background-color:green;display:block;width:100%;text-align:center;margin:10px 0}#add-button:hover{opacity:.8}button{display:block;width:100%;color:#fdfdfd;background-color:#ab1d2b;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif}.log-out-btn{position:absolute;top:10px;right:10px;color:#fff;height:30px;width:30px;cursor:pointer}button:hover{background-color:#432000;cursor:pointer}ul{list-style-type:none;padding:0;display:flex;flex-direction:column;row-gap:10px}ul li{font-size:20px;background-color:#ab1d2b;color:#fdfdfd;padding:15px;border-radius:8px;flex-grow:1;text-align:center;box-shadow:0 1px 4px #0003}ul li:hover{background-color:#e33d52;cursor:pointer}