@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Raleway:ital,wght@0,400;0,600;1,400;1,600&display=swap');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro|Gudea);
@import url(https://fonts.googleapis.com/css?family=Abel|Raleway|Mea+Culpa|MonteCarlo);
body {
    background-image: url('bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Gudea';
    font-size: 17px;
    line-height: 1.6;
   text-align:center;
}
a {
    color: var(--main-color);
    transition: all 0.3s ease-in-out 0s;
	text-decoration:none;
}

a:hover {
    color: #000;
    text-shadow: 2px 2px 6px rgba(0,0,0,.3);
	text-decoration:none;
}
h1 {
   color: #25493d;
font-family: 'MonteCarlo';
text-transform: none; 
   font-size:108px;
   font-weight:400;
   text-align:center;
margin-left:0px;
padding-bottom: 0px;
margin-bottom: -50px;
margin-top: 105px; }

h2 {
   color: #25493d;
font-family: 'MonteCarlo';
text-transform: none; 
   font-size:48px;
   font-weight:400;
   text-align:center;
margin-left:0px;
margin-bottom: 0px;
margin-top: 5px; }

.kuva { 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding-top:0px;
filter: grayscale(0%);
border-radius:30px 2px 30px 2px; 
height: 260px;
margin: 20px;
margin-bottom: 5px;
-webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    transition: all 0.9s ease-in;}