@font-face {
  font-family:'roboto';
  font-style:normal;
  font-weight:normal;
  src: url('roboto.woff2') format('woff2');
}
@font-face {
  font-family:'roboto';
  font-style:normal;
  font-weight:bold;
  src: url('roboto_bold.woff2') format('woff2');
}
@font-face {
  font-family:'oswald';
  font-style:normal;
  font-weight:bold;
  src: url('oswald_bold.woff2') format('woff2');
}
@font-face {
  font-family:'oswald';
  font-style:italic;
  font-weight:bold;
  src: url('oswald_heavyitalic.woff2') format('woff2');
}
body {
	--default-font-family:roboto;
	--default-font-size:11px;
	--titles-font-family:haettenschweiler;
	--rank-font-family:oswald;
	--rank-font-size:21px;
	--rank-font-weight:bold;
	--rank-font-style:italic;
	--rank-text-transform:none;
	--boatname-font-family:var(--default-font-family);
	--boatname-font-size:14px;
	--boatname-font-weight:bold;
	--boatname-text-transform:none;
	--skippername-font-family:var(--default-font-family);
	--skippername-font-size:12px;
	--skippername-font-weight:bold;
	--skippername-text-transform:none;
}
	
#logo {
	width:50%;
	max-height:var(--blockmark-height);
}
#carousel::before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	height:50%;
	width:1px;
	transform:translateY(-50%);
	background-color:#000000;
}