body {
	  font-family: "Garamond", serif;
	}
	 * {
  box-sizing: border-box;
  max-width: 900px;
}
	h1 {
	  font-family: "Latin Modern Mono", monospace;
	  font-size: 50px;
	  padding: 5px;
	  color: green;
	}
	h2 {
	  font-family: "Latin Modern Mono", monospace;
	  font-size: 30px;
	  color: black;
	}
	p {
	  font-family: "Garamond", serif;
	  font-size: 19px;
	  text-align: left;
	}

	ul {
	  font-family: "Garamond", serif;
	  font-size: 19px;
	  text-align: justify;
	}
	section {
	  background-color: white;
	  width: auto;
	  height: auto;
	  border: 22px;
	  padding: 10px;
	  margin: 10px;
	  overflow: auto;
	  border-style: groove;
	  border-color: #e6e6ff;
	  margin-top: 5vh;
	  text-align: center;
	}
	article {
	  background-color: white;
	  width: auto;
	  height: 200px;
	  padding: 10px;
	  margin: 15px;
	  overflow: auto;
	  border-width: 12px;
	  border-style: solid;
	  border-image: url("https://i.imgur.com/Kh6qtcn.png") 11 fill round;
	  text-align: center;
	}
	heading {
	  padding-left: 25px;
	  padding-right: 25px;
	  padding-top: 10px;
	}
	button {
	  appearance: auto;
	  font-size: 15px;
	  text-rendering: auto;
	  color: buttontext;
	  letter-spacing: normal;
	  word-spacing: normal;
	  line-height: normal;
	  text-transform: none;
	  text-shadow: none;
	  display: inline-block;
	  text-align: center;
	  cursor: default;
	  box-sizing: border-box;
	  background-color: buttonface;
	  border-width: 2px;
	  border-style: outset;
	  border-image: initial;
	}

	figcaption {
	  color: white;
	  background-color: blueviolet;
	  width: fit-content;
	}
	.links {
	  margin: 0;
	  position: absolute;
	  left: 50%;
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	}
	.blog{
    background: #80cbfe;
    color: #000000;
    font-family: Consolas;
    border-radius: 15px;
    padding: 30px;
    width: 80%;
    max-width: 900px;
    height: 85vh;
    overflow-y: auto;
    box-sizing: border-box;
    box-shadow: 0 0 15px #470afff2;
    font-size: 1em;
    line-height: 1.6em;
}
.blog-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    position: relative;
    z-index: 3;
}