.knappar
{
border-radius: 60px;
background-color: purple;
border: 2px white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 15px 20px;
box-shadow: 5px 10px 20px black;
margin: 5px;
transition: padding 0.2s;
transition: opacity 0.15;
border: 10px solid coral;
cursor: pointer;
}

.knappar:hover
{
padding: 20px 25px;
opacity: 0.75;
background-color:rgb(173, 0, 173);
color: white;
}

.knappar:active
{
padding: 10px 15px;
opacity: 0.5;
}


#titel-övningar
{
background-color: purple;
color: black;
border-radius: 60px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
border: 10px solid coral;
font-size: xx-large;
box-shadow: 5px 10px 20px black;

}

body{background-color: darkorchid;}

.ertros-bild
{
border-radius: 100px;
width: 100px;
height: 400px;
float: right;
border: solid coral 20px;
transition: width 1s;
transition: height 1s;

}

.ertros-bild:hover
{
    width: 200px;
    height: 300px
    
    
    
    
}