/* Tags */
body {
  background-color: black;
  background-image: url("/assets/SpinningHeart.gif");
  background-size: 0.1%;
  display: grid;
  justify-items: center;
  color: white;
  font-family: "consolas", sans-serif;
}

em {
  color: pink;
  font-style: italic;
  font-weight: bolder;
}

h1 {
  font-size: 100px;
  text-align: center;
  color: #fb48c4;
}
h3 {
  color: #fb48c4;
  text-align: center;
}

header {
  box-sizing: border-box;
  border: 5px ridge #fb48c4;
  width: 100%;
}

img {
  width: 150px;
}

button {
  background-color: #fb48c4;
  border-width: 5px;
  border-style: ridge;
  border-color: #fb48c4;
  height: 75px;
  width: 200px;
}

/* Classes */
.mainBody {
  width: 1000px;
  display: grid;
  justify-items: center;
  background-color: black;
  border: 10px ridge #fb48c4;
}

.item {
  box-sizing: border-box;
  border: 5px ridge #fb48c4;
  width: 100%;
  padding: 20px;
}
.updateEntry {
  border: 5px ridge #fb48c4;
  padding: 20px;
  align-items: center;
}

.user {
  color: #fb48c4;
}
.file {
  color: #48d7fbff;
}

.nav {
  box-sizing: border-box;
  border: 10px #fb48c4;
  border-style:double;
  padding: 5px;
  width: 100%;
}

/* Id's */
#welcome {
  border: 5px solid #fb48c4;
  border-color: #fb48c4;
  border-radius: 25px;
  margin: 5px;
  width: 100%;
}
#homeBody {
  display: flex;
}
#homeItems {
  flex: 5;
}
#updates {
  flex: 3;
  border: 5px ridge #fb48c4;
  overflow: auto;
  overscroll-behavior-y: contain;
}