@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');
body {
    font-family: Arial, sans-serif;
    max-width: 700px;
    margin: auto;
}

.esimerkki {
    background-color: rgb(187, 238, 222);
    color: rgb(71, 59, 41);
    padding: 8px;
    position: relative;
   
}
h1 {
    text-align: center;
    font-size: 45px;
    color: rgb(73, 64, 52);
     font-family: "Sour Gummy", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
 
}

h2 {
    text-align: center;
    font-size: 25px;
    color: rgb(80, 70, 57); font-family: "Sour Gummy", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  
 
}


.keskitetty {
    text-align: center;
}

.oikealla {
    text-align: right;
}


.px {
    width: 300px;
}

.em {
    width: 30em;
   
}
 .prosentti {
    width: 50%;
   
 }
 .sisaosa {
    background-color: rgb(97, 82, 70);
    color: white;
 }


.oikea {
    right: 0px;
    bottom: 0px;
    
}

.vasen {
    left: 0px;
    bottom: 0px;
}

.oikea2 {
    right: 0px;
    top: 0px;
}

.oikea, .vasen, .oikea2 {

    position: absolute;
   
}

.lopussa {
    margin-bottom: 1em;
    height: 7em;
}