@font-face {
    font-family: numerot;
    src: url(fontit/Manufacturing_Consent/ManufacturingConsent-Regular.ttf);
}
@font-face {
    font-family: päivät;
    src: url(fontit/Stint_Ultra_Condensed/StintUltraCondensed-Regular.ttf);
}
@font-face {
    font-family: otsikko;
    src: url(fontit/Ribeye/Ribeye-Regular.ttf);
}

body {
background-color: rgb(150, 194, 233);
color: white;
background-image: url(uusuus.jpg);
background-size: cover;
background-position: center bottom;
min-height: 100vh;
padding: 1px;
box-sizing: border-box;
margin: 0;
}

h1 {
    font-family: otsikko;
    font-size: 70px;
text-align: center;
font-weight: normal;
margin: 0;
}

h1, a {
    color: inherit;
    text-decoration: none;
    margin-left: 80px;
    margin-right: 80px;
}
h1 a:hover {
    opacity: 0.5;
}
h1, th{
    text-shadow: 0 0 10px rgba(128, 107, 184, 0.521);
}

table {
margin-left: auto;
margin-right: auto;
border-spacing: 10px;
}

th {
font-family: päivät;
font-size: 40px;
font-weight: normal;
}

td {
    font-family: numerot;
    vertical-align: top;
    text-align: right;
    font-size: 50px;
border: 2px solid rgb(255, 255, 255);
width: 150px;
height: 130px;
padding: 5px;
box-sizing: border-box;
border-radius: 15px;
background-color: rgba(255, 255, 255, 0.493);
color: rgb(61, 48, 92);
}
td:hover {
    background-color: rgba(49, 47, 173, 0.158);
    color: rgb(251, 249, 255);
}

.suomi {
    background-image: url(suomen-lippu.gif);
}
.saame {
    background-image: url(Sami_flag.svg);
}
.liputus {
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: auto 22px;
}
.laskiainen {
    background-image: url(laskiaispulla.png);
    background-position: 7px 7px;
    background-size: 35px;
    background-repeat: no-repeat;
}
.yspä {
    background-image: url(Heart_corazón.svg);
    background-position: 7px 7px;
    background-size: 35px;
    background-repeat: no-repeat;
}
.taysi {
    background-image: url(kuut/taysi.svg);
}
.vaheneva {
    background-image: url(kuut/vaheneva.svg);
}
.kasvava{
background-image: url(kuut/kasvava.svg);
}
.uusi {
background-image: url(kuut/uusi.svg);
}
.kuu {
      background-position: 7px 7px;
    background-size: 35px;
    background-repeat: no-repeat;  
}
.sunnuntai {
color: rgb(206, 55, 87);
}
.muu{
    color: rgb(125, 128, 177);
}