@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Cormorant+Unicase:wght@300;400;500;600;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
        background-image: url(https://i.ibb.co/JhFNsLL/tausta.jpg);
        font-family: "Noto Sans", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
  	font-variation-settings: "wdth" 100;        
	max-width: 50%;
        margin: auto;
}

header {
        font-family: "Cormorant Unicase", serif;
  	font-weight: 400;
  	font-style: normal;        
	font-size: 90px;
        text-align: center;
        color: #8F9779;
	text-shadow: #000000 0px 0px 3px;

}

a {
	color: #000000;
	text-decoration: none;

}

h1 {
        margin: 15px;
        font-family: "Cormorant Unicase", serif;
  	font-weight: 400;
  	font-style: normal;	
	text-shadow: #000000 0px 0px 1px;
	font-size: 20px;
	letter-spacing: 2.5px;
}

section {
        background: rgba(255, 255, 255, 0.8);
	border: #FFFFFF 2px solid;
        padding: 20px;
        text-align: justify;
        color: rgba(0, 0, 0);
        padding: 20px;
	font-size: 14px;
	text-shadow: rgb(191, 191, 191) 0px 0px 3px;
	box-shadow: #FFFFFF 0px 0px 2px;

}

footer {
	color: #FFFFFF; 
	text-transform: uppercase;
	font-size: 10px;
	text-shadow: #FFFFFF 0px 0px 1px;
	text-align: center;
	margin-top: 20px;
}

footer a {
	color: #FFFFFF;
	text-decoration: underline;
}