@import url('https://fonts.googleapis.com/css2?family=B612:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Freckle+Face&family=Handjet:wght@100..900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Jua&family=Patrick+Hand+SC&family=Roboto+Slab:wght@100..900&display=swap');
.patrick-hand-sc-regular {
  font-family: "Patrick Hand SC", cursive;
  font-weight: 400;
  font-style: normal;
}
.jua-regular {
  font-family: "Jua", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-slab-uniquifier {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body{
  margin: 0;
  height: 100vh;
  /*background-color: #938B78;*/
  background-image: url('images/squeanetbg3.png');
  background-repeat: repeat;
  background-position: top left;
  background-size: 1024px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: url(''), auto;
  /* credit for cursor: adrenochromedream on https://www.rw-designer.com/cursor-detail/119374 */
}

a {
  text-decoration: none;
}

.boxa {
  width: 300px;
  height: 200px;
  background: #d9dfc0;
	color: #3a403e;
	font-family: "Roboto Slab";
	font-weight:400;
	font-size:12px;
	letter-spacing: 1px;
	text-align: justify;
  border:double 6px #3a403e;
	border-radius: 10px;
	position: absolute;
	top: 130px;
	left: 465px;
	filter: drop-shadow(2px 2px 0px white);
}

.boxa img[src="images/fwoopihi.png"]{
  position: absolute;
  display: flex;
  width: 100px;
  filter: saturate(90%) contrast(90%) drop-shadow(3px 3px 0px #e4e9d3) drop-shadow(-3px -3px 0px #e4e9d3) drop-shadow(3px -3px 0px #e4e9d3) drop-shadow(-3px 3px 0px #e4e9d3);
  margin: 10px;
}

.boxa p{
  margin-left: 120px;
}