@font-face {
  font-family: 'Libre Baskerville';
  src: url('./fonts/LibreBaskerville-Regular.tff') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Meie Script';
  src: url('./fonts/MeieScript-Regular.tff') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Dancing Script';
  src: url('./fonts/Dancing_Script/static/DancingScript-Regular.tff') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #1e90ff;
  --bananaYelow: #ffe135;
  /*--background: #ffdf27A0;*/
  --background: #e8e1d9;
  --complementaryBackground: #2747FF;
  --textcolor: black;
  /*--textcolor: white;*/
}

body {
	/*background-color:white
	background: var(--background);

	font-family: "Cabinet Grotesk", Helvetica, sans-serif;
     */
	background-color: var(--background);
	color: var(--textcolor);
}

#box {
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	padding-top: 50px;
	min-width: 400px;
	max-width: 600px;
	margin: 50px auto;
	width: 75%;
	background-color: var(--background);
	/*font-family: "Trebuchet MS", Helvetica, sans-serif;*/

    font-family: "Libre Baskerville", serif;
}

a {
	color: #373d42;
    font-family: "MeieScript", cursive;
    font-size:1.1rem;
}

li{
  margin: 10px 0;
}

img.pic {
	padding: 5px 50px 5px 50px;
	float:right;
	max-width:200px;
}

table {
	table-layout: fixed;
    border-collapse: collapse
}

.name {
	text-align: right;
	color: black;
}

.footnote {
	text-align: right;
}
.row-bottom-margin, .col, .row{
    margin-bottom:0px !important;
    margin-top:0px !important;
    padding: 0px;
    line-height: 1px;
}