@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');

#title{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	margin-left: 5%;
	margin-top: 2%;
	color: #5c1186;
}

body{background-color: #d0b9e8;}

div{
	background-color: #9868c9;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2%;
	margin-top: 2%;
}

figure{
	margin-left: 10%;
}

#longcaption{
	margin-right: 30%;
}

.indent{
	font-family: "Domine", serif;
	font-style: normal;
  	font-weight: 500;
	font-size: 18px;
	margin-left: 5%;
}

.button{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 400;
	border-style: dotted;
	margin-left: 10%;
	font-size: 20px;

}

a.button + a{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 400;
	border-style: dotted;
	margin-left: 5%;
	font-size: 20px;
}

a.button + a + a{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 400;
	border-style: dotted;
	margin-left: 5%;
	font-size: 20px;
}

div > p{
	font-family: "Domine", serif;
	font-style: normal;
  	font-weight: 500;
	font-size: 20px;
	text-align: justify;
	line-height: 1.7;
	margin-left: 2%;
	margin-right: 2%;
}

h1{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	margin-left: 10%;
	margin-top: 5%;
}

h2{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
}

figure{
	margin-left: 15%;

}

figcaption{
	font-family: "Domine", serif;
	font-style: italic;
  	font-weight: 550;
	font-size: 18px;
	color: #5c1186;
}

.attribute{
	font-family: "Domine", serif;
	font-style: normal;
  	font-weight: 550;
	font-size: 18px;
}

#centertop{
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
	font-size:30px;
	margin-top: 2%;
	text-align: center;
	color: #5c1186;
}

#centerbottom{
	font-family: "Domine", serif;
	font-style: italic;
	font-weight: 600;
	font-size:30px;
	text-align: center;
	color: #5c1186;
}

#behavior {
  display: block;
  margin: auto;
}