@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    background-color: #fffafc;
    color: #444;
    }
    
    .grid-container {
    display: grid;
    grid-template-areas:
    "header header"
    "sidebar main"
    "footer footer";
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
    gap: 10px;
    padding: 10px;
    }
    
    header, nav, main, footer {
    background-color: #ffe6f0;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(255, 192, 203, 0.3);
    }
    
    .header {
    grid-area: header;
    font-size: 1.8rem;
    text-align: center;
    background-color: #ffccdd;
    }
    
    .sidebar {
    grid-area: sidebar;
    background-color: #ffecf2;
    }
    
    .main-content {
    grid-area: main;
    background-color: #fff0f5;
    }
    
    .footer {
    grid-area: footer;
    text-align: center;
    font-size: 0.9rem;
    background-color: #ffd9e8;
    }