/*my cool website style...*/

@font-face { 
	font-family: "HASTYPUDDING"; 
	src: url("https://gastheghost.neocities.org/fonts/HASTYPUDDING.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal;
	font-display: swap; 
}

@font-face { 
	font-family: "DOKDO"; 
	src: url("https://gastheghost.neocities.org/fonts/DOKDO.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "DOKDO";
  font-size: 20px;
  color:#00e7ad;
  background-image: url("https://files.catbox.moe/5if8xy.png");
  background-size: 25%;
  margin:0;
  
}

main {
  text-align: center;
  max-width: 600px;
  margin: 60px auto;
  background:#e33535;
  padding:302px;
  border-radius:8px;
}

h1 {
  text-align: center;
  font-family: "HASTYPUDDING";
  font-size: 50px;
  color:#00e7ad;
  margin-top:0;
}

mark { 
  background:#ff91b4;
}

button { 
  font-family: "HASTYPUDDING";
  background:#3200e7;
  color:#fff;
  border:none;
  padding:12px 24px;
  cursor:pointer;
}

button:hover { 
  background:rgb(6, 243, 81);
}

#logo {
  margin-top: 30px;
}