.head{
    background-color: red;
    height: 8vh;
    width: 100%;
    border: 2px solid rgb(245, 243, 243);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;


}

.nav{
    background-color: rgb(199, 176, 190);
    height: 8vh;
    width: 100%;
    border: 2px solid rgb(252, 250, 250);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif

}
.contents{
display: flex;
justify-content: center;
text-align: center;
align-items: center;
border: 2px solid white;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif

}
.contents >*{
    border: 2px solid white;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.content1{
    background-color: rgb(3, 233, 99);
    height: 70vh;
    width: 25vw;
}
.content2{
    background-color: brown;
    height: 70vh;
    width: 50vw;
    display: flex;
    flex-direction: column;

}
.itemrow1{
display: flex;
flex-direction: row;
}

/* .itemrow1 >*{
    border: 1px solid white;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
} */
.item1{
 background-color: rgb(233, 127, 29);
 height: 33vh;
 width: 25vw;
 display: flex;
 text-align: center;
 align-items: center;
 justify-content: center;
 border: 2px solid white;
}
.item2{
background-color: rgb(86, 199, 10);
 height: 33vh;
 width: 25vw;
 display: flex;
 text-align: center;
 align-items: center;
 justify-content: center;
 border: 2px solid white;
}
.itemrow2{

display: flex;
flex-direction: row;
}
/* .itemrow2 >*{
    border: 1px solid white;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
} */
.item3{
background-color: rgb(190, 23, 121);
 height: 37vh;
 width: 25vw;
 display: flex;
 text-align: center;
 align-items: center;
 justify-content: center;
 border: 2px solid white;
}
.item4{
background-color: blue;
 height: 37vh;
 width: 25vw;
 display: flex;
 text-align: center;
 align-items: center;
 justify-content: center;
 border: 2px solid white;
}
.content3{
    background-color: brown;
    height: 70vh;
    width: 25vw; 
}
.foot{
    background-color: rgb(145, 255, 0);
    height: 8vh;
    width: 100%;
    border: 2px solid rgb(248, 243, 243);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif


}

body{
    background-color:pink;
}