body{
    margin: 0px;
    font-family:arial;
}

.grid-container {
    display: grid;
    grid-template-columns: 2vw 8vw 8vw 8vw 8vw 8vw 8vw  8vw 8vw 8vw 8vw 8vw 8vw 2vw ;
    grid-template-rows:8vw 8vw 8vw 8vw 4vw 4vw 10vw ;
}

.grid-item1 {
    background-color: rgba(48, 251, 3, 0);
    color:black;
    margin:2vw;
    padding:0.5vw;
    font-size:  1rem;
    grid-column: 1/ span 1;
    grid-row: 1/ span 1;
}

.grid-item2 {
    background-color: rgba(202, 98, 0, 0);
    color:rgb(0, 0, 0);
    margin:2vw;
    border-radius: 1vw;
    padding-top:1.5vw;
    padding-left:7vw;
    font-size:  4rem;
    grid-column: 6/ span 4;
    grid-row: 1/ span 2;
}

.grid-item3 {
    background-color: rgba(255, 255, 255, 0.8);
    color:rgb(0, 0, 0);
    margin-top:0.5vw;
    font-size:  3rem;
    padding:5px;
    border-radius: 1vw;
    grid-column: 3/ span 10;
    grid-row: 3/ span 10;
}