h1 {
    color: rgb(68, 238, 34);
    text-shadow: 2px 2px azure;
}
body {
    color: darkgreen;
    font-family:cursive;
    background-image: url('Images/forest-g36896ce71_1920.jpg');
    padding: 30px 30px;
}
.title {
    background-color: darkgreen;
    border-radius: 10px;
    text-align: center;
    
}
.aboutMe {
    border-radius: 20px;
    background-color: lightgreen;
    padding: 5px 15px;
    margin-bottom: 20px;
    grid-area:area1;
}
.aboutDesign {
     border-radius: 20px;
    background-color: olivedrab;
    color:papayawhip;
    padding: 5px 15px;
    grid-area: area2;
}

.carPhoto {
  border-radius: 20px;  
  border-color: aquamarine;
  border-style: solid;
  
}
.carDiv {
    grid-area: area3;
}
.analysis {
     border-radius: 20px;
    background-color: olive;
    padding: 5px 15px;
    color: whitesmoke;
    margin-bottom: 20px;
    margin-top: 20px;
}

.club {
     border-radius: 20px;
    background-color: rgb(55, 104, 55);
    padding: 5px 15px;
    color:lightseagreen;
}

.blogGrid {
    display: grid;
    width: 100%;
    grid-template-areas: 
    'area1 area1 area1 area1'
    'area2 area2 area3 area3';
    grid-gap: 1%;
    grid-template-columns: 24% 24% 24% 24%;
    align-items: center;
}
button {
color:darkgreen;
background-color:darkseagreen;
border-radius: 25%;
cursor: pointer;
font-weight: bold;
width: fit-content;
padding: 5px; 
}

#version1 {
    display: block;
}
#version2 {
    display:none;
} 
#collapsibleText {
    display: none;
}