@font-face {
	font-family: fontSite;
	src: url('../../src/font/SpritzAndDelicious_PERSONAL_USE_ONLY.otf');
}

body, h1, h3, h2, h4, h5 {
	font-family:fontSite;
}	

body {
	font-size: 48px;
	color: white;
}

.title-theme {
	padding: 20px 0px 20px 0px;
	text-align: center;
}

@media (pointer: fine) {
	body {
		font-size: 18px;
	}
	.title-theme {
		padding: 50px 0px 30px 0px;
		font-size: 32px;
	}
}


h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

.backgroud-theme {
	background-color: black;
}

.top-bar .top-bar-left .menu {
	background: rgb(161, 57, 57);
	border-radius: 20px 20px 20px;
	a {
			color:white;
			&:hover {
				background: #333;
				border-radius: 20px 20px 20px;
			}
	}
}
.top-bar {
	background: none;
}
.title-bar {
	background: rgb(161, 57, 57);
	border-radius: 20px 20px 20px;
	margin: 0px 0px 10px 0px;
}
.top-bar .top-bar-left .menu > li.is-dropdown-submenu-parent > a::after{
    border-color: white rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.top-bar .top-bar-left .menu > li.is-active > a {
    color: white;
	background: #333;
	border-radius: 20px 20px 20px;
}

.top {
	background-color: #f6ae28;
	margin: 0 0 0 0;
	padding: 1.1em 1.2em 1.1em 1.2em;
	border-radius: 20px 20px 20px;
}

.footer {
	background-color: rgb(161, 57, 57);;
	margin: 1.2em 1.2em 0 1.2em;
	padding: 1.1em 1.2em 1.1em 1.2em;
	border-radius: 20px 20px 20px;
	color:white;
}

.imagestyleradius {
	border-radius: 20px 20px 20px;
}