.header-wrap {
z-index: 100;
}
.site-logo img {
border-radius: 500px;
}
.single-post article a {
position: relative;
}
.single-post article a:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: -2px;
left:0;
background-color: var(--accent);
}
.rank-math-breadcrumb p {
margin-bottom: 20px;
}
h1 mark,
h2 mark {
font-family: var(--gp-font--pp-editorial-new);
font-weight: normal;
font-style: italic;
}
#page {
position: relative;
z-index: 10;
}
.bg-static {
position: fixed;
}
.bg-static,
.bg-static .lines {
z-index: 1;
width: 100%;
height: 100%;
}
.bg-static .lines {
background: url(https://andrescadmiel.com/wp-content/uploads/lines.svg);
opacity: 0.5;
}
.bg-static .blop-1 {
position: absolute;
z-index: 2;
width: 70vw;
height: 70vw;
top: 5vh;
right: calc(50% - 35vw);
background: radial-gradient(circle,rgba(106, 68, 242, 1) 0%, rgba(106, 68, 242, 0) 65%, rgba(106, 68, 242, 0) 100%);
opacity: 0.6;
}
.bg-static .blop-2 {
position: absolute;
z-index: 2;
width: 50vw;
height: 50vw;
bottom: -50vh;
right: calc(50% - 25vw);
background: radial-gradient(circle,rgba(226, 61, 227, 1) 0%, rgba(226, 61, 227, 0) 65%, rgba(226, 61, 227, 0) 100%);
opacity: 0.4;
}
.bg-static::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: radial-gradient(circle,rgba(2, 1, 13, 0) 0%, rgba(2, 1, 13, 0) 50%, rgba(2, 1, 13, 1) 100%);
z-index: 3;
}
@media screen and (max-width: 767px) {
.bg-static .blop-1 {
top: calc(30% - 75vw);
right: calc(50% - 75vw);
width: 150vw;
height: 150vw;
}
.bg-static .blop-2 {
bottom: calc(40% - 60vw);
right: calc(50% - 60vw);
width: 120vw;
height: 120vw;
}
.site-header .header-image {
width: 50px;
}
.site-branding-container .site-logo {
margin-right: 10px;	
}
} pre.wp-block-code {
position: relative;
background: #111;
border: 1px solid #2a2a2a;
border-radius: 6px;
padding: 20px;
max-height: 400px;
overflow-y: auto;
overflow-x: auto;
white-space: pre;
font-size: 0.875rem;
line-height: 1.6;
color: #e0e0e0;
}
pre.wp-block-code code {
overflow-wrap: normal !important;
white-space: pre !important;
word-break: normal !important;
font-family: 'Geist mono', monospace;
}
.copy-code-btn {
position: absolute;
top: 20px;
right: 20px;
display: inline-flex;
align-items: center;
gap: 5px;
background: var(--accent);
border: 1px solid #444;
border-radius: 4px;
padding: 4px 10px;
cursor: pointer;
color: #000;
font-size: 0.75rem;
line-height: 1;
white-space: nowrap;
transition: opacity 0.2s, color 0.2s;
z-index: 10;
}
.copy-code-btn.copied,
.copy-code-btn:hover {
opacity: 1;
color: #000;
}
.copy-code-btn svg {
width: 14px;
height: 14px;
fill: currentColor;
flex-shrink: 0;
}
.copy-code-btn .btn-label {
font-family: sans-serif;
} .single-post .dynamic-entry-content h2,
.single-post .dynamic-entry-content h3,
.single-post .dynamic-entry-content h4 {
margin-top: 4rem;
}