/* #4b88a2 #ff69b4 #5d3e82 #a9a9a9 #000000 */

body {

  background-image: linear-gradient(to right, #5d3e82 ,  #4b88a2 25%, #4b88a2 75%, #5d3e82); 
  color: #ffffff;
  font-family: "Helvetica", sans-serif;
  font-size: 1.25em;
}

h1 {
  color: #ff69b4;
  font-size: 3em;
}

a:link {
    color: #ff69b4;
}

a:visited {
    color: #5d3e82;
}

iframe {
	width: 100%;
	aspect-ratio: 300/ 420;
	border: none;
	max-width: 700px;
}

.iframe-centered {
	text-align: center;
}


.page {
  background-color: #4b88a2;
  /*padding: 1rem;*/
  border: 10px solid;
  border-image: linear-gradient(90deg, #5d3e82, #ff69b4, #4b88a2 25%, #4b88a2 75%, #ff69b4, #5d3e82) 1;
  max-width: 800px;
  margin: 12px;
  overflow-wrap: break-word;
}

.logo {
  max-width: 500px;
  width: 100%;
  max-height: 70%;
  
}

.page h1 {
	max-width: 450px;
	color: #ff69b4;
	font-size: 2.5em;
}