:root {
	/*Firefox scrollbar*/
	scrollbar-color: black transparent;
	scrollbar-width: thin;
}

/*Posuvnik Chrome*/
::-webkit-scrollbar {
	width: 10px;
}

/* Pozadi */
/*::-webkit-scrollbar-track {
	background: var(--tmava);
}*/
 
/* Handle */
::-webkit-scrollbar-thumb {
	background: black;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgb(100, 100, 100);
}

@font-face {
	font-family: Barlow-Regular;
	src: url(Barlow-Regular.ttf);
	/*font-weight: 100;*/
	/*font-stretch: condensed;*/
}

@font-face {
	font-family: Barlow-SemiBold;
	src: url(Barlow-SemiBold.ttf);
}

@font-face {
	font-family: CocogoosePro-Light-Trial;
	src: url(CocogoosePro-Light-Trial.ttf);
}

@font-face {
	font-family: CocogoosePro-SemiLight-Trial;
	src: url(CocogoosePro-SemiLight-Trial.ttf);
}

body {
	display: flex;
	min-height: 100vh;
	margin: 0;
}

.halloween {
	background-image: url("halloween.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color: white;
	text-shadow: 0px 0px 5px #ff6000;
}

.duch {
	position: fixed;
	width: 100px;
}

.barlow, body {
	font-family: Barlow-Regular;
}

main {
	margin: 5%;
}

sidebar {
	position: fixed;
	right: 0;
	transform: rotate(180deg);
	font-size: 49vh;
	font-family: CocogoosePro-SemiLight-Trial;
	writing-mode: vertical-rl;
}

main, section {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

header {
	font-family: CocogoosePro-SemiLight-Trial;
	font-size: 70px;
}

.atelier {
	font-family: CocogoosePro-Light-Trial;
	font-size: 55px;
}

.jmeno {
	font-family: Barlow-SemiBold;
}

p {
	font-size: 24px;
	margin-bottom: 7vh;
}

@media only screen and (max-width: 730px) {
	sidebar {
		display: none;
	}
	
	header {
		font-size: 50px;
	}
	
	.atelier {
		font-size: 35px;
	}
	
	p {
		font-size: 20px;
	}
}