@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Charm:wght@400;700&family=Oswald:wght@200..700&display=swap');

body {
    background-color: rgb(255, 216, 216);
    background-image: url(helmikuutausta.jpg);
    background-size: cover;
    min-height: 100vh; 
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
    background-position: center center;
    color: #ffffff;
}

h1 {
    text-align: center;
    font-family: "Charm", serif;
    font-weight: normal;
    font-size: 45px;
    margin-bottom: 5px;
}

h1 a {
    color: inherit;
    text-decoration: none;
    margin: 40px;
}


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

}


th{
    font-family: "Oswald", serif;
    font-weight: normal;
    font-size: 25px;
}

td {
font-family: "Caveat", serif;
border: 2px solid #ffffff;
border-radius: 6px;
width: 140px;
height: 140px;
vertical-align: top;
text-align: right;
font-size: 45px;
padding: 5px;
padding-top: 1px;
padding-right: 10px;
box-sizing: border-box;
color: #6e1a1a;
background-color: #ffffff7a;
background-repeat: no-repeat;
background-position: 8px 10px;
}


.su {
    color: rgb(247, 181, 212);
}

.muu {
    color: #a0195c;
}

h1, th {
text-shadow: 0px 0px 15px #e6589f;
}

td:hover {
    background-color: #f0b7d2bb;
    color: #ffffff;
}

.laskiainen {
    background-image: url(pulla.png); 
 
}

.ystavanpaiva {
    background-image: url(sydan1.svg);
    background-size: 45px auto;

}

.liputus {
  
}

.suomi {
    background-image: url(suomen-lippu.gif);
   
    background-size: 50px;
}

.saame {
    background-image: url(Sami_flag.svg);
    background-size: 50px;
   
}

.kuu {
    background-size: 30px auto;

}

.uusi {
    background-image: url(uusikuu.svg);
}

.kasvava {
    background-image: url(kasvavapuolikuu.svg);
}

.taysi {
    background-image: url(taysikuu.svg);
}

.vanheneva {
    background-image: url(vanhenevapuolikuu.svg)
}