body,html{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.logo{font-size:2rem;font-weight:700;text-decoration:none;color:#333;padding:10px;display:inline-block;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.word-contents{font-size:small}.logo span{color:#9b4dca}header{padding:10px 0;text-align:center}.navbar{top:0;left:0;right:0;background-color:#f4f4f47d;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:1000}.navbar h1{margin:0}.main-content{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px}#quit{color:red}#quit:hover{color:#ff1493}.container{width:100%;max-width:800px;margin:0 auto;padding:0 20px}.search-container{display:flex;margin-bottom:20px;width:100%}.search-container input{flex-grow:1;margin-right:10px}.search-container button{padding:0 15px;font-size:1.2rem;height:3.8rem;line-height:3.8rem}#search-button{margin-right:5px}#add{padding:0 10px;white-space:nowrap}#cards{width:100%;max-height:50vh}hr{margin-top:0}#cards article{border:1px solid #e1e1e1;padding:15px;border-radius:4px;margin-bottom:20px}#cards article header{display:flex;justify-content:space-between;align-items:center}#cards article footer{margin-top:10px;text-align:right}.vote-buttons{display:flex;align-items:center}.vote-buttons button{background:none;border:none;cursor:pointer;padding:0 5px}.vote-buttons img{width:20px;height:20px}.site-footer{flex-shrink:0;background-color:#f4f4f4;padding:20px 0;text-align:center}.site-footer .container{display:flex;justify-content:center;align-items:center}.site-footer a{margin:0 10px;color:#606c76;text-decoration:none}.site-footer a:hover{color:#9b4dca}.gray-container{background-color:#f4f4f4;padding:20px;border-radius:4px;max-width:600px;text-align:center}.profile-stats{display:flex;justify-content:space-between}form{background-color:#f4f4f4;padding:20px;border-radius:4px}details[open]{background-color:#f4f4f4;padding:20px;border-radius:4px}.profile-page{font-family:Arial,sans-serif}.profile-container{background-color:#fff;border-radius:8px;padding:30px;max-width:600px;width:100%;box-shadow:0 4px 6px #0000001a;margin:40px auto}.profile-header{text-align:center;margin-bottom:30px}.profile-avatar{width:120px;height:120px;border-radius:50%;background-color:#ddd;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#666}.profile-name{color:#333;margin-bottom:10px}.profile-stats{display:flex;justify-content:space-around;margin-bottom:30px}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;color:#4a4a4a}.stat-label{font-size:14px;color:#777}.profile-word-list{background-color:#f4f4f4;border-radius:4px;padding:20px}.profile-word-list h3{margin-top:0;color:#333}.profile-words{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style-type:none}.profile-words li{background-color:#fff;padding:5px 10px;border-radius:4px;box-shadow:0 1px 3px #0000001a;font-size:14px}