Bookmark-Manager / app.css
siddhartharya's picture
Update app.css
f917774 verified
raw
history blame
1.08 kB
/* app.css */
body {
background-color: #f5f5f5;
margin: 0;
padding: 0;
}
.gradio-container {
font-family: 'Roboto', sans-serif;
margin: 0 auto;
padding: 20px;
}
.gr-button {
background-color: #6200EE;
color: white;
font-weight: bold;
cursor: pointer;
border: none;
padding: 10px 20px;
margin: 5px;
border-radius: 4px;
transition: background-color 0.3s;
}
.gr-button:hover {
background-color: #3700B3;
}
h1 {
color: #333;
text-align: center;
font-weight: normal;
}
.card {
background-color: white;
border-radius: 4px;
margin: 10px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.card-content {
padding: 15px;
}
.card-content h3 {
margin-top: 0;
font-size: 1.2em;
color: #6200EE;
}
.card-content p {
margin: 5px 0;
color: #555;
}
.card-content a {
color: #1E88E5;
text-decoration: none;
}
.card-content a:hover {
text-decoration: underline;
}
@media screen and (max-width: 600px) {
.card-content h3 {
font-size: 1em;
}
}