@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
body {
  font-family: "Silkscreen", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  
  background-image: url(https://swefn.neocities.org/pictures/STONE02.png);
  background-size: 10% 15%;
  background-repeat: repeat;
  }

h1 {
  font-family: "Silkscreen", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fbeecb;
  }
  


div{
  padding: 30px;
  max-width: 90%;
  margin: auto;
  
}

/* Let's hope this doesn't break everything because I forgot to rename the fbox variable
lol */
.fbox{
 
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  align-content: stretch;
  justify-content: center;
  gap: 10px;

}


.content-box{
  background-color: #4F5861;
  box-sizing: content-box;
  border: solid black 5px;
  order: 3;
}

.navbar{
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  align-content: stretch;
  justify-content: space-evenly;
  gap: 10px;

	background-color: #4F5861;
  border: solid black 5px;
	width: 550px;
	height: 80px;
	padding: 10px;
	order: 2;

}

.navbox{
  flex-flow: row nowrap;
  align-items: flex-start;
  background-color: #4F5861;
	width: 50px;
	height: 50px;
	padding: 10px;
	order: 1;
}