.resources-page {
display: grid;
gap: 14px;

color: #d7d7d7;
font-family: "VCR", monospace;
}

.resources-intro {
padding: 14px;

background: #08080b;
border: 1px solid #760000;
}

.resources-intro h1 {
margin: 0 0 7px;

color: #ff3131;
font-family: "NR", sans-serif;
font-size: 28px;
text-transform: lowercase;
}

.resources-intro p {
margin: 0;

color: #aaa;
font-size: 12px;
line-height: 1.5;
}

.resource-section {
overflow: hidden;

background: #050507;
border: 1px solid #4b0000;
}

.resource-section__header {
padding: 7px 10px;

background:
repeating-linear-gradient(
135deg,
#650000 0,
#650000 8px,
#900000 8px,
#900000 16px
);

border-bottom: 1px solid black;
}

.resource-section__header h2 {
margin: 0;

color: white;
font-family: "NR", sans-serif;
font-size: 17px;
text-transform: lowercase;
}

.resource-section__body {
padding: 8px 12px;
}

.resource-list {
margin: 0;
padding: 0;

list-style: none;
}

.resource-list li {
padding: 6px 0;

border-bottom: 1px dotted #303030;

font-size: 13px;
line-height: 1.4;
}

.resource-list li:last-child {
border-bottom: 0;
}

.resource-list a {
margin-right: 6px;

color: #ff3131;
font-weight: bold;
text-decoration: none;
}

.resource-list a:hover {
color: white;
text-decoration: underline;
}

.resource-list span {
color: #999;
}