body {
font-family: 'Roboto', sans-serif;
color: #333;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif;
font-weight: 700;
}
a {
color: #000;
text-decoration: underline;
}
a:hover {
color: #555;
} .nyt-form-container, .nyt-dashboard {
max-width: 600px;
margin: 40px auto;
padding: 30px;
border: 1px solid #ddd;
background-color: #fff;
}
.nyt-form-container h2, .nyt-dashboard h1, .nyt-dashboard h2 {
text-align: center;
margin-bottom: 20px;
border-bottom: 2px solid #000;
padding-bottom: 10px;
}
.nyt-form-container p, .nyt-dashboard p {
margin-bottom: 15px;
}
.nyt-form-container label, .nyt-dashboard label {
display: block;
margin-bottom: 5px;
font-weight: 700;
}
.nyt-form-container input[type="text"],
.nyt-form-container input[type="email"],
.nyt-form-container input[type="password"],
.nyt-dashboard input[type="text"],
.nyt-dashboard textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.nyt-form-container input[type="submit"],
.nyt-dashboard input[type="submit"] {
background-color: #000;
color: #fff;
padding: 12px 20px;
border: none;
cursor: pointer;
width: 100%;
font-size: 16px;
text-transform: uppercase;
}
.nyt-form-container input[type="submit"]:hover,
.nyt-dashboard input[type="submit"]:hover {
background-color: #333;
}
.nyt-error {
color: #d9534f;
border: 1px solid #d9534f;
padding: 10px;
margin-bottom: 15px;
}
.nyt-success {
color: #5cb85c;
border: 1px solid #5cb85c;
padding: 10px;
margin-bottom: 15px;
} .nyt-dashboard-section {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.nyt-profile-picture {
margin-bottom: 15px;
}
.nyt-profile-picture img {
border-radius: 50%;
}
.nyt-user-articles-list {
list-style-type: none;
padding: 0;
}
.nyt-user-articles-list li {
padding: 10px 0;
border-bottom: 1px solid #eee;
}