body {
    margin: 0;
    font-family: "Courier New", monospace;
    background: repeating-linear-gradient(
        45deg,
        #e0e0e0,
        #e0e0e0 10px,
        #d4d4d4 10px,
        #d4d4d4 20px
    );
    color: #000;
}
header {
    background: linear-gradient(to bottom, #00f, #009);
    color: yellow;
    text-align: center;
    padding: 40px 20px;
    border-bottom: 5px solid #ff00ff;
    text-shadow: 2px 2px #00	max-width: 45%;
}

header h1 {
    font-size: 25px;
}

header p {
    margin-top: 10px;
    font-size: 20p	text-align: left;
}

.container {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}

.siteLayout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.siteBox {
    background: #fff;
    border: 4px double #000;
    padding: 20px;
    text-decoration: none;
    color: #000;
    box-shadow: 4px 4px 0px #000;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.siteBox:hover {
    transform: translate(-4px, -4px);
    box-shadow: 8px 8px 0px #ff00ff;
    background: #ffffcc;
}

.siteBox h3 {
    margin-top: 0;
    font-size: 20px;
    color: #0000cc;
    text-decoration: underline;
}
.quote {
	font-size: 25px;
}