body {
    /* Soft pastel blue background */
    background-color: #e6f2ff; 
    /* Diagonal stripes in a slightly darker blue */
    background-image: repeating-linear-gradient(45deg, #d0e4f5 0, #d0e4f5 1px, transparent 0, transparent 50%);
    background-size: 10px 10px; 
    font-family: 'Courier New', Courier, monospace;
    /* Deep blue-grey text for readability */
    color: #5b6d80;
}

.container {
    display: grid;
    grid-template-columns: 200px 1fr 200px;
    gap: 15px;
    max-width: 1000px;
    margin: 20px auto;
}

.box {
    /* Pure white or very faint off-white for the boxes */
    background: #ffffff;
    /* Soft blue border */
    border: 2px solid #bcd4e6;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
    /* Soft shadow to keep it "airy" */
    box-shadow: 3px 3px 0px rgba(188, 212, 230, 0.4);
}

h1, h3 {
    /* The "highlight" color for headers */
    background: #cfe2f3;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 10px;
    text-transform: lowercase;
    color: #4a5a6a;
}

/* Scrollbar customization to match the blue theme */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f7ff;
}
::-webkit-scrollbar-thumb {
    background: #bcd4e6;
    border-radius: 5px;
}