body {
font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.widget-title, .entry-title, .page-title {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
body {
background-color: #0f0f0f;
color: #eaeaea;
}
a, a:visited {
color: #E100FF;
}
a:hover {
color: #7F00FF;
}
.site-header,
.top-bar {
background: linear-gradient(to right, #7F00FF, #E100FF);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.button,
input[type="submit"],
input[type="button"] {
background: linear-gradient(to right, #7F00FF, #E100FF);
border: none;
border-radius: 8px;
color: #fff;
font-weight: bold;
padding: 0.6em 1.4em;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
transition: all 0.3s ease;
}
.button:hover,
input[type="submit"]:hover {
background: linear-gradient(to right, #E100FF, #7F00FF);
transform: scale(1.03);
}
.thumb-block .post-thumbnail img {
border-radius: 6px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
transition: transform 0.3s ease;
}
.thumb-block:hover .post-thumbnail img {
transform: scale(1.03);
}
a.tag-cloud-link,
.label {
background: #E100FF;
color: #fff;
border-radius: 999px;
padding: 4px 12px;
font-size: 0.85em;
display: inline-block;
}
a.tag-cloud-link:hover,
.label:hover {
background: #7F00FF;
}
.site-footer {
background: #181818;
color: #bbb;
box-shadow: inset 0 0 30px rgba(127, 0, 255, 0.2);
}
i.fa,
i.fas,
i.far,
i.fab {
color: #E100FF;
font-weight: 400;
font-style: normal;
}