body{
font-size: x-large;
font-family: fantasy;
margin: 0px;
background-color: rgb(43, 43, 43);}
.grid-container{
    display:grid;
    grid-template-columns: 15vw 30vw 10vw 30vw 15vw;
    grid-template-rows: 1vw 20vw 15vw 1vw 19vw 15vw 1vw 19vw 9vw;}
.grid-item1{
    background-color: rgb(69, 59, 69);
grid-column: 2/span 3 ;
grid-row: 2/span 1 ;
padding: 6vw;
font-style: italic;
text-align: center;
border-radius: 25%;
font-size: 3.5vw}
.grid-item1:hover{
font-size: 4vw;
font-style: inherit}
.grid-item2{
    background-color: rgb(77, 77, 77);
grid-column: 2 /span 1 ;
grid-row: 4/span 2;}
.grid-item3{
    background-color: rgb(77, 77, 77);
grid-column: 4/span 1;
grid-row: 4/span 2;
font-size: x-large;}
.grid-item4{
    background-color: rgb(77, 77, 77);
grid-column: 2/span 1;
grid-row: 7/span 2;
font-size: x-large;}
.grid-item5{
    background-color: rgb(77, 77, 77);
grid-column: 4/span 1;
grid-row: 7/span 2;}
.grid-item6{
grid-column: 1/span 1;
grid-row: 9/span 1;
background-color: rgb(43, 43, 43);
font-size: x-large;}
.grid-text1{
    grid-column: 2/span 1;
    grid-row: 4/span 1;
    text-align: center;
}
.grid-text2{
    grid-column: 4/span 1;
    grid-row: 4/span 1;
    text-align: center;}
.grid-text3{
    grid-column: 2/span 1;
    grid-row: 7/span 1;
    text-align: center;}
.grid-text4{
    grid-column: 4/span 1;
    grid-row: 7/span 1;
    text-align: center;}