@font-face {
    font-family: quicksand;
    src: url(fontit/Quicksand-VariableFont_wght.ttf);
}
@font-face {
    font-family: overpass;
    src: url(fontit/Overpass-VariableFont_wght.ttf);
}
.logo {
    width: 300px;


}

.container {
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    max-width: 800px;
}
img {
    max-width: 100%;
    background-color: #042546;

}

div.logo {
width: 300px;
text-align: center;
margin-bottom: 2em;


}

.valkoinen img {
    background-color: #fff;
    box-shadow: 5px 5px 30px #c7c7c7;
}

h1 {
    font-family: quicksand;
}

h2 {
    font-family: quicksand;
}

h3 {
    font-family: quicksand;
}

body {
   font-family: overpass; 
   background-color: #042546;
   padding: 0;

}
.varilaatikko {
  padding: 10px;
    display: inline-block;
    font-family: overpass;
}
.turkoosi {
    background-color: #0099cc;
    color: #ffffff;
}

.mustikka {
    background-color: #042546;
    color: #ffffff;
}
.petrooli {
    background-color: #8cc1b3;
    color: #000000;
}

.fuksia {
    background-color: #a5407b;
    color: #ffffff;
}

.idea {
    background-color: #f4d240;
    color: #000000
}

.havunvihrea {
    background-color: #397368;
    color: #ffffff
}