@import url("https://use.typekit.net/ujm5ebn.css");

body {
    background-color: rgb(147, 178, 208);
    font-family: Merriweather;
}

h1 {
    font-family: Pacifico;
    font-size: 65px;
    text-align: center;
    color: rgb(18, 70, 114);
}

.container {
    background-color: white;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

header {
    background-color: rgb(255, 255, 255);
    background-size: cover;
    height: 250px;
    color: white;
}

header img {
    margin: 70px 70px 30px 227px;
}

nav {
    background-color: rgb(18, 70, 114);
    padding: 25px;
    text-align: center;
    color: white;
}

main {
    padding: 50px;
    padding-top: 0px;
}

.oikealla {
    float: right;
    margin-top: -50px;
    margin-right: 20px;
    transform: rotate(22deg);
}

.oikealla2 {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
    transform: rotate(22deg);
}

.oikealla3 {
    float: right;
    margin-top: 55px;
    margin-right: 30px;
    transform: rotate(22deg);
}

footer {
    color: white;
    background-color: rgb(11, 11, 56);
    padding: 25px;
    text-align: center;
}

a:link {
    color: rgb(100, 96, 223);
}

a:visited {
    color: rgb(63, 61, 109);
}

nav a:link {
    color: white;
}

nav a:visited {
    color:rgb(178, 203, 227);
}

nav a:hover {
    color: white;
}

nav a:active {
    color:rgb(147, 178, 208);
}

table {
    border-collapse: collapse;
    margin-bottom: 1em;
}

td {
    vertical-align: top;
}

.hinnasto td {
    border: 1px solid #000;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

iframe {
    margin-left: 34px;
    margin-top: 35px;
    border: 9px dotted rgb(18, 70, 114);
}