* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body, html {
  scroll-behavior: smooth;
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
  background-image: url(https://wi-fu.neocities.org/scrapbook/forest.webp);
}

#home{
  color: #6B94AC;
  background-color: #130506;
  width: 170px;
  text-align: center;
  border: 4px #FBF9E7 double;
  margin: 20px 10px 10px;
}

a > #home {
  color: #FBF9E7;
  background-color: #6B94AC;
  text-align: center;
  border: 4px double white;
  margin: 20px 10px 10px;
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  padding: 8px;
  font-family: "Google Sans Code", monospace;
}

a:hover > #home {
  background-color: #FBF9E7;
  color: black;
}


#header {
  background: rgb(0,0,0);
  background: -moz-linear-gradient(left, #130506, rgb(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(left, #130506, rgb(0,0,0,0.5) 100%);
  background: linear-gradient(to right, #130506, rgb(0,0,0,0.5) 100%);
  padding: 10px;
}

#description {
  color: white;
  max-width: 1260px;
  width: 100%;
}

#flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-self: flex-start;
}

.entries {
  position: relative;
  width: 590px;
  max-width: 100%;
  padding: 20px;
  margin: 20px;
  flex-wrap: wrap;
  background-image: url(blogassets/paperbg2.png);
  border: 8px double #130506;
  border-radius: 4px;
  box-shadow:
  inset 0 0 0 2px #ccc,
  inset 0 0 0 4px #f8f8f8,
}

a.entries {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: scale 0.3s ease;
}

a.entries:hover {
  background-color: #eee;
  cursor: pointer;
  scale: 1.02;
}

#description p {
  font-size: 16px;
  padding: 8px;
  font-family: "Google Sans Code", monospace;
  }

#flex p {
  font-size: 16px;
  padding: 8px;
  font-family: "Google Sans Code", monospace;
  }

h1 {
  font-family: "Delius", cursive;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  padding: 20px 8px 10px 8px;
  letter-spacing: 8px;
  color: white;
  }

h2 {
  font-family: "Google Sans Code", monospace;
  font-size: 28px;
  margin: 30px 0 10px 30px;
  padding: 7px;
  letter-spacing: 4px;
  color: white;
  display: inline-block;
  }

h3 {
  font-family: "Delius", cursive;
  font-weight: 700;
  font-style: normal;
  color: #2B2F5E;
  font-size: 23px;
  padding: 10px 8px 8px 8px;
  letter-spacing: 4px;
  }

h4 {
  font-family: "Comfortaa", sans-serif;
  font-size: 13px;
  padding: 8px;
  text-align: right;
  letter-spacing: 4px;
  background-color: #333;  
  color: white;
  display: inline-block;
  background-image: url(https://wi-fu.neocities.org/scrapbook/forest.webp);
  }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid black;
  margin: 5px 0;
  padding: 0;
  }

@media (max-width: 900px) and (-Webkit-min-device-pixel-ratio: 1.5) {
  #flex {
    flex-direction: column;
    width: 90vw;
    margin: 0 auto;
    gap: 0;
  }

  .entries {
    width: 90vw;
    margin: 20px 0;
    box-sizing: border-box;
  }

#description p {
  font-size: 15px;
  padding: 3px;
  font-family: "Google Sans Code", monospace;
  margin: 0;
  }

  h1 {
  font-size: 50px;
  }

  h2 {
  font-size: 30px;
  padding: 0 7px;
  margin: 20px 30px 0;
  }
}