You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
44 lines
1.3 KiB
body {font-family:Arial;background:#f4f6f9;margin:0}
|
|
.container {max-width:900px;margin:30px auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
|
|
input,textarea{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid #ccc}
|
|
button{background:#4CAF50;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer}
|
|
button:hover{background:#45a049}
|
|
.goal-item{padding:10px;border-bottom:1px solid #eee}
|
|
.advice-box{border:1px solid #ddd;border-radius:8px;padding:15px;margin-top:15px;background:#fafafa}
|
|
.vote{background:#eee;padding:5px 10px;border-radius:6px;display:inline-block}
|
|
.comment{margin-left:20px;border-left:2px solid #ccc;padding-left:8px;margin-top:5px}
|
|
.tag{display:inline-block;background:#3498db;color:#fff;padding:3px 8px;border-radius:5px;margin:2px;font-size:12px;cursor:pointer}
|
|
|
|
.auth-container {
|
|
display: flex;
|
|
gap: 20px;
|
|
}
|
|
|
|
.btn {
|
|
padding: 12px 24px;
|
|
font-size: 16px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
.login-btn {
|
|
background: #3498db;
|
|
}
|
|
|
|
.login-btn:hover {
|
|
background: #2980b9;
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.register-btn {
|
|
background: #2ecc71;
|
|
}
|
|
|
|
.register-btn:hover {
|
|
background: #27ae60;
|
|
transform: translateY(-2px);
|
|
}
|
|
|