@font-face {
	font-family: "opensans";
	src: url(../fonts/Open_Sans/static/OpenSans-Regular.ttf);
}
@font-face {
	font-family: "oswald";
	src: url(../fonts/Oswald/static/Oswald-Regular.ttf);
}

@font-face {
	font-family: "raleway";
	src: url(../fonts/Raleway/static/Raleway-Regular.ttf);
}

body {
	font-family: "raleway", sans-serif;
}

/*

	- background image source: https://openclipart.org/detail/23550/fwd__bubble_hand_drawn-by-rejon-177666
	- autumn and winter variations of the same image made by Tarmo Turunen

*/
.index, .index-autumn, .index-winter, .cv-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index	{
	background-image: url('../images/tom-simple-spring-new-leaves.svg');
}

.index-autumn {
	background-image: url('../images/tom-simple-fall-leaves.svg');
}

.index-winter {
	background-image: url('../images/tom-simple-winter-leaves.svg');
}

.hero-foot {
	display: none;
}

.print-only {
	display: none;
}

.navbar a {
	color: black;
}

.navbar-menu, .navbar-dropdown {
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(5px);
}

.navbar-burger span {
	color: black;
}

h1 {
	font-family: "oswald", sans-serif;
	text-shadow: 0 5px 10px rgba(0,0,0,.5);
	color: white !important;
}

:link {
	color: blue;
	transition: color 1s;
}

:visited {
	color: purple;
	transition: color 1s;
}

:link:hover {
	color: darkcyan;
}

:visited:hover {
	color: darkmagenta;
}
/*
@media (prefers-color-scheme: dark) {
	:root {
		html { 
			filter: invert(100%); 
		}
	
		svg, img, button, a.button, input, .has-background-success-dark, .has-background-danger-dark { 
			filter: invert(100%); 
		}
	
		.index, .index-autumn,.index-winter, .cv-bg, .update-bg, .about-bg, .links-bg {
			filter: invert(1);
		}

		.navbar-burger span {
			color: white;
		}

		:link {
			color: blue;
			transition: color 1s;
		}
		
		:visited {
			color: purple;
			transition: color 1s;
		}
		
		:link:hover {
			color: darkcyan;
		}
		
		:visited:hover {
			color: darkmagenta;
		}
	}

	[data-theme=dark] {
		.theme-dark {
			:link {
				color: blue;
				transition: color 1s;
			}
			
			:visited {
				color: purple;
				transition: color 1s;
			}
			
			:link:hover {
				color: darkcyan;
			}
			
			:visited:hover {
				color: darkmagenta;
			}
		}
	}
}
*/