/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
@font-face {
  font-family: "Comic Sans MS";
  src: url("comic-sans.woff") format("woff");
}

body{
  background-color: #6e022a;
  color: #fccade; 
  font-family: "Comic Sans MS", "Comic Sans", sans-serif;
  
}

/* Unvisited link (blue by default) */
a:link {
  color: #bd80ff;
}

/* Visited link (purple by default) */
a:visited {
  color: #bd80ff;
}

/* Mouse over link  */
a:hover {
  color: yellow;
}


/* Selected link (the moment of click) */
a:active {
  color: white;
}
hr{
  color: #fccade; 
  }
.draw{
  align-items: center;
	justify-content: center;
	display: flex;
	gap: 10px;
}
  
  
.draw1 img {
  max-width: 100%;
  width: 33%; /* Image will not be wider than its container */
  height: auto;    /* Height adjusts automatically to maintain aspect ratio */
}

.start {
  text-align: center;
  
  }
.startitems {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  height: 50vh
  }
.startgeneral{
  border-width: 2px;
  border-style: solid;
  text-align: center;
  padding: 7px;
}
.disclaimer{
  border-style: dotted;
  border-color: #ffffff;
  border-width: 2px;
  background-color: #000000;
  color: #ffffff; 
  position: absolute;
  bottom: 0;

  /* And if you want the div to be full-width: */
  left: 0;
  right: 0;
}