#övninga{
    display: grid;
    grid-template-columns: auto auto auto auto auto ;
    grid-template-areas: 
    'header header header header section1'
    'section2 main1 main1 main1 section1'
    'footer1 footer1 footer1 footer1 footer1';
    border: 1px solid black;
margin: auto;

}

#övninga .item1{
    grid-area: header;
    background-color:mediumvioletred;
    color: white;
    text-align: center;
    padding:20px;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid black;


}

#övninga .item2{
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: yellow;
    grid-area: section1;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    font-weight: bolder;


}
#övninga .item3{
    grid-area: section2;
    background-color: lime;
    width:250px;
    height: 400px;

}

#övninga .item4{
    grid-area: main1;
    background-color: gainsboro;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 30px;
    font-size:17px;
    padding-left:15px;


}
#man{
    font-weight: bold;
    font-size: 20px;
    
    
}

#övninga .item5{
    border: 1px solid black;
    text-align: center;
    grid-area: footer1;
    background-color:red;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
    
}
#övninga .choklad{
padding-top: 10x;
padding-left: 10px;
padding-right: 10px;
background-color: ghostwhite;
text-align: center;
border: 1px black solid;
font-size: 15px;
font-weight: lighter;


}
#pris{
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;

}

#övninga .hej{
background-color: ghostwhite;
    padding: 20px;
height: 75px;
width: 150px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
border: 1px solid black;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}

#big{
    font-size: 50px;
}

#övningb{
    display: grid;
    grid-template-columns: auto auto auto auto auto ;
    grid-template-areas: 
    'header header header header section1'
    'section2 main1 main1 main1 section1'
    'footer1 footer1 footer1 footer1 footer1';
    border: 1px solid black;
margin: auto;

}

#övningb .item1{
    grid-area: header;
    background-color:mediumvioletred;
    color: white;
    text-align: center;
    padding:20px;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid black;


}

#övningb .item2{
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: yellow;
    grid-area: section1;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    font-weight: bolder;


}
#övningb .item3{
    grid-area: section2;
    background-color: lime;
    width:250px;
    height: 400px;

}

#övningb .item4{
    grid-area: main1;
    background-color: gainsboro;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 30px;
    font-size:17px;
    padding-left:15px;


}
#man{
    font-weight: bold;
    font-size: 20px;
    
    
}

#övningb .item5{
    border: 1px solid black;
    text-align: center;
    grid-area: footer1;
    background-color:red;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
    
}
#övningb .choklad{
padding-top: 10x;
padding-left: 10px;
padding-right: 10px;
background-color: ghostwhite;
text-align: center;
border: 1px black solid;
font-size: 15px;
font-weight: lighter;


}
#pris{
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;

}

#övningb .hej{
background-color: ghostwhite;
    padding: 20px;
height: 75px;
width: 150px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
border: 1px solid black;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}

#big{
    font-size: 50px;
}

img{
    width: 150px;
    height: 150px;
}
   


#övningc{
    display: grid;
    grid-template-columns: auto auto auto auto auto ;
    grid-template-areas: 
    'header header header header section1'
    'section2 main1 main1 main1 section1'
    'footer1 footer1 footer1 footer1 footer1';
    border: 1px solid black;
margin: auto;

}

#övningc .item1{
    grid-area: header;
    background-color:mediumvioletred;
    color: white;
    text-align: center;
    padding:20px;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid black;


}

#övningc .item2{
    text-align: center;
    font-size: 20px;
    padding: 5px;
    background-color: yellow;
    grid-area: section1;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    font-weight: bolder;


}
#övningc .item3{
    grid-area: section2;
    background-color: lime;
    width:250px;
    height: 400px;

}

#övningc .item4{
    grid-area: main1;
    background-color: gainsboro;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 30px;
    font-size:17px;
    padding-left:15px;


}
#man{
    font-weight: bold;
    font-size: 20px;
    
    
}

#övningc .item5{
    border: 1px solid black;
    text-align: center;
    grid-area: footer1;
    background-color:red;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
    
}
#övningc .choklad{
padding-top: 10x;
padding-left: 10px;
padding-right: 10px;
background-color: ghostwhite;
text-align: center;
border: 1px black solid;
font-size: 15px;
font-weight: lighter;


}
#pris{
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;

}

#övningc .hej{
background-color: ghostwhite;
    padding: 20px;
height: 75px;
width: 150px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
border: 1px solid black;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}

#big{
    font-size: 50px;
}