@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,600;0,700;1,600&display=swap");

@import url('../root.css');

body {
	font-family            : "Josefin Sans", sans-serif;
	font-size              : 16px;
	line-height            : 24px;
	font-weight            : 400;
	color                  : var(--grey-blue);
	-webkit-font-smoothing : antialiased;
}
p{
	margin-bottom : 1em;
}
.quote {
	font-size   : 16px;
	line-height : 24px;
	font-weight : 600;
	font-style  : italic;
	color       : var(--orange);
}
.quote br{
	display : none;
}
.quote:before{
	content : "« ";
	display : inline;
	position : relative;
}
.quote:after{
	content : " »";
	display : inline;
	position : relative;
}

.ident{
	padding-left : 25px;
	border-left : 3px solid var(--orange);
	color : var(--orange);
}

h3 {
	font-size   : 22px;
	line-height : 24px;
	font-weight : bold;
	color : var(--dark-blue);
}

h4 {
	font-size   : 18px;
	line-height : 24px;
	font-weight : bold;
	color : var(--dark-blue);
}

ul {
	padding-left : 25px;
}
a{
	color : inherit;
	cursor : pointer;
	-webkit-transition : color  var(--btn-transition);
	-moz-transition    : color  var(--btn-transition);
	-ms-transition     : color  var(--btn-transition);
	-o-transition      : color  var(--btn-transition);
	transition         : color  var(--btn-transition);
}
a:hover{
	color : var(--orange);
}

table, tr, td, th{
	border : 1px solid var(--dark-grey);
	border-collapse: collapse;
}
table th,
table td{
	padding : 15px 10px;
}
table th{
	font-size : 18px;
}
table th:nth-child(odd),
table td:nth-child(odd){
	background : var(--light-grey);
}