body{ 
    font-family: Arial, Helvetica, sans-serif;
}

@font-face {
    font-family:otsikko ;
    src: url(Climate_Crisis/ClimateCrisis-Regular-VariableFont_YEAR.ttf);
}

.kaikki{max-width: 800px;
margin-left: auto;
margin-right:auto;
}


h1{text-align: center;
font-family: otsikko,serif;
font-weight: normal;/*Lihavointi pois fontin vuoksi*/
text-shadow: 2px 2px 0px rgb(11, 63, 105);
font-size: 50px;
letter-spacing: 9px;

}




.esimerkki{
    background-color: rgb(2, 60, 65);
padding: 0.5em; color: aliceblue;
}

.keskitetty{
    text-align: center;
}

.oikealla{ text-align:right;
}


.leveys300px{ width: 300px;
}

.leveys30em {width: 30em;
}

.leveys50pros{
    width: 50%;
}
.sisempi{
    background-color: rgb(241, 210, 28);
    color:rgb(247, 10, 10);
}

.oik-alhaalla{ 
    position:absolute;
 right: 0;
 bottom: 0;
}

.vas-alhaalla{ 
    position:absolute;
 left: 0;
 bottom: 0;
}


.top-alhaalla{ 
    position:absolute;
 right: 0;
 bottom: 0;
}
.ulompi{ height: 5em;
position: relative;
margin-bottom: 1em;
}