@charset "UTF-8";
@font-face {
	font-family: BradfordMonoLL-Regular;
	src: url(../fonts/BradfordMonoLL-Regular.otf);
  }


  @font-face {
	font-family: 'BradfordMonoLL-Regular';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }


  body {

	border-radius: 100px;
	border: 1px solid #000;
  background-color: #e5e5f7;
		opacity: 1;
		background-size: 20px 20px;
		background-image:  repeating-linear-gradient(to right, #000000, #000000 1px, #ff0000 1px, #ff0000);}
	body.dm-light { background-color: #e5e5f7;
		opacity: 0.8;
		background-size: 20px 20px;
		background-image:  repeating-linear-gradient(to right, #000000, #000000 1px, #ff0000 1px, #ff0000);}
  ;
  
.container-parent {
  padding: 0 1em;
}


h2 {
  padding: 0.25em;
  border-radius: 2em;
  text-align: center;
  font-family: BradfordMonoLL-Regular;
  font-size: 10vw;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 0, 0);
}

h4 {
  padding: 0.25em;
  border-radius: 2em;
  text-align: center;
  font-family: BradfordMonoLL-Regular;
  font-size: 10vw;
  color: rgb(255, 0, 0);
  background-color: rgb(0, 0, 0);
}


h3 {
  padding: 0.25em;
  text-align: center;
  font-family: BradfordMonoLL-Regular;
  font-size: 10vw;
  color: rgb(0, 0, 0);
}

p {
  font-family: BradfordMonoLL-Regular;

  font-size: 3vw;
  max-width: 50ch;
  margin: 0 auto;
}
p + p {
  text-indent: 1em;
}

div > h2 {
  color: rgb(0, 0, 0);
}

.iamsticky {
  position: sticky;
  top: 0;
}

span {
  font-family: 'BradfordMonoLL-Regular';
 position: fixed; 
color: #000000;
width: 500px;
height: 200px;
top: 50%;
left: 50%;
margin-top: -100px; /* Negative half of height. */
margin-left: -250px; /* Negative half of width. */

}