/* Font-face for FormulaOne font */
/* Formula 1 Fonts */
@font-face {
  font-family: 'Formula1Regular';
  src: url('/font/Formula1Regular_web_1.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Formula1Bold';
  src: url('/font/Formula1Bold_web_1.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Formula1Wide';
  src: url('/font/Formula1Wide_web_1.ttf') format('truetype');
  font-display: swap;
}

body {
    font-family: 'Formula1Bold';
    color: #333;
	font-size: 14px;
}
h1 {
    font-family: 'Formula1Bold';
    font-size: 4rem;
    color: #ff1e00;
}
h2 {
    font-family: 'Formula1Regular';
    font-size: 2rem;
    color: #ff1e00;
}
p {
    font-family: 'Formula1Regular';
    font-size: 1.2rem;
}
text {
	font-family: 'Formula1Regular';
	font-size: 11px;
}
.lineage rect {
	opacity: 0.2;
}
.path {
	fill: none;
}
.path.skip-season {
	stroke-dasharray: 2 3;
}
.entry circle {
}
.entry text {
	font-size: 7px;
	fill: white;
	font-weight: bold;
	text-anchor: middle;
	transform: translateY(2px);
}
.constructor-title .title {
	font-weight: bold;
	font-size: 10px;
	text-anchor: middle;
}
.constructor-title .subtitle {
	fill: rgba(0, 0, 0, 0.4);
	font-size: 8px;
	text-anchor: middle;
}
.year {
	text-anchor: start;
}
.tooltip {
	display: none;
}
.tooltip.show {
	display: block;
}
.tooltip rect {
	width: 140px;
	height: 26px;
	fill: #000000;
}
.tooltip text {
	fill: #ffffff;
	text-anchor: middle;
	transform: translate(70px, 16px);
}
.path.fade,
.entry.fade {
	opacity: 0.2;
}