@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap");

* {
    box-sizing: border-box;
}

main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

#s2 {
    grid-column: span 3;
}

section {
    padding: 20px;
    background-color: white;
    border: 4px solid olive;
    min-height: 100px;
    border-radius: 6px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);

}

@media screen and (max-width: 800px) {

    main {
        grid-template-columns: repeat(2, 1fr);
    }

}