body {font-family: Calibri, Verdana, Geneva, sans-serif;}
        img {
            width: 100px;
            border: 1px solid black;
        }
        .grid-container {
            display: grid;
            grid-template-columns: auto auto auto;
            grid-gap: 2px;
            padding: 2px;
            background-color: black;
            width: 800px;
            margin: auto;
        }
        .item1-header {
            grid-area: 1 / 1 / span 1 / span 2;
            background-color: salmon;
            color: white;
            text-align: center;
        }
        .item2-aside {
            grid-area: 1 / 3 / span 2 / span 1;
            background-color: yellow;
            width: 200px;
            text-align: center;
        }
        .yellow-div {
            margin: auto;
            width: 150px;
            border: 2px solid red;
            background-color: white;
            margin: 10px 20px;
            padding: 1px 1px;
        }
        .item3-section {
            grid-area: 2 / 1 / span 1 / span 1;
            background-color: lime;
            width: 200px;
        }
        .green-div {
            margin: auto;
            width: 150px;
            border: 2px solid black;
            background-color: white;
            margin: 10px;
            padding: 10px;
        }
        .item4-article {
            grid-area: 2 / 2 / span 1 / span 1;
            background-color: whitesmoke;
            width: fit-content;
            padding: 20px;
        }
        .item5-footer {
            grid-area: 3 / 1 / span 1 / span 3;
            background-color: gray;
            text-align: center;
            padding: 15px;
        }
        .big {
            font-size: 20px;
        }
        .big-text {
            font-size: 45px;
        }