/** {
  font-family: "Noto Sans" !important;
}*/

html {
  /*background: url('/scatter.png');*/
  background: linear-gradient(180deg, #f2f2f2 0%, #e3e3e3 100%);
  z-index: 1000;
  background-color: #dddddd;
  opacity: 1;
  background-image:  repeating-linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), repeating-linear-gradient(45deg, #cccccc 25%, #dddddd 25%, #dddddd 75%, #cccccc 75%, #cccccc);
  background-position: 0 0, 11px 11px;
  background-size: 22px 22px;
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}

body {
  margin: auto;
  margin-top: 10px;
  width: 600px;
}

.page {
  border: 8px double;
  background-color: white;
  box-shadow: 4px 4px 5px;
}

header {
  padding: 10px;
  border: none;
  margin: 0px;
}

main {
  padding: 10px;
  border: none;
  margin: 0px;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0px;
}

p {
  color: black;
}

nav {
    display: flex;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

nav > button {
    width: 100%;
    border-radius: 0px;
}

nav > a {
  width: 100%;
  border-radius: 0px;
  border: 2px solid black;
  text-align: center;
  background-color: #e9e9ed;
  border-style: outset;
  margin: 0px;
  padding: 0px;
  font-size: smaller;
  line-height: normal;
}

footer {
  text-align: center;
  border: none;
  margin: 0px;
}

.img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  border: 2px solid black;
}

.post {
  border: 5px double;
  background-color: white;
  width: fit-content;
  padding: 7px;
  box-shadow: 4px 4px 5px;
  max-width: 500px;
  margin-top: 25px;
 /* margin-right: 25px;*/

  height: fit-content;
}

.post p {
  padding: 0px;
  margin: 0px;
}

.post img {
  /*max-width: 70%;
   *   max-height: 70%;*/
  max-width: 320px;
  border: 2px solid;
}

.post video {
  /*max-width: 70%;
   *   max-height: 70%;*/
  max-width: 320px;
  border: 2px solid;
}

.music-post {
  border: 5px double;
  background-color: white;
  width: fit-content;
  padding: 7px;
  box-shadow: 4px 4px 5px;
  max-width: 250px;
  margin-bottom: 25px;
  margin-right: 10px;

  height: fit-content;
}

.music-post p {
  padding: 0px;
  margin: 0px;
}

.music-post img {
  /*max-width: 70%;
   *   max-height: 70%;*/
  max-width: 235px;
  border: 2px solid;
}