body{background: antiquewhite;width: 100%;}
        .cont{display: flex; width: 80%;
        }
        aside{flex: 1;}
        main{flex: 4;}

        .item1{flex-grow: 1;
        flex-basis: 150px}
        .item2{flex-grow: 4;}
        div{margin: 5px;padding: 5px;background: azure;}
        /* p,li{background: lavenderblush;padding: 10px;margin: 5px;} */
        h1{text-align: center;width: 90%;}
        img { margin: auto; display: block; }
        span{font-size: larger;color: blue;}
        header {
            background: linear-gradient(135deg, #1e88e5, #0d47a1);
            color: white;
            padding: 20px 10px;
            border-radius: 10px;
            margin-bottom: 30px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            text-align: center;
        }
        span{color: blue;}