body {
  max-width: 780px;
  margin: 70px auto;
  padding: 10px;
  font-family: monospace;
  color: black;
  font-size: 15px;
  background-color: #fcf78b;
  background-image: url("Backgrounds.png"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
@media (prefers-color-scheme: dark) {
  a:link {
    color: blue
  }
  a:visited {
    color:#8e96f0
  }
}
.Moodcard
{
  background-color: white;
  border-radius: 1rem;
}
.Moodcard:hover
{
  transform: scale(1.050);

}
.MoodMenu
{
  border-radius: 20px;
  background: #FCF55F;
  border: dotted 2px;
  padding: 10px;
  min-width: 40%;
  text-align: center;
}
.collapsible {
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  border: none;
}

.content {
  background-color: yellow;
}


.piss-menu {
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
.piss-menu {
  transition: ease 0.5s; 
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.silly
  {
    margin: 0.2rem;
    transition-duration: .2s;
    border: solid black 1px;
    border-radius: 20px;
  }
  
.aside {
  width: 40%;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  float: right;
  background-color: black;
  border-radius: 20px;
  font-style: italic;
  color: white;
}
  
}
.shit-menu {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
    }

.Silly:hover{
      transform: scale(1.050);
      border: solid black 2px;
      filter:contrast(1.5);
    } 
    .Silly{
      transition-duration: .2s;
      border: solid black 1px;
      border-radius: 20px;
    } 
    
.logo {
  transition-duration: .2s;
  filter: drop-shadow(black 5px 8px);    
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
} 
.logo:hover{
      filter: drop-shadow(black 5px -9px);    
    } 
p
{
  transition-duration: 0.10s;
}
p:hover
{
  transform: scale(1.09);
}
hr {
  border-top: 2px dotted black;
   border-radius: 3px;
}
.dummy:hover{
  transform: scale(1.1);
  border: solid black 1.3px;
}
.dummy{
  transition-duration: .1s;
  border: solid black 1px;
} 
.center {
  margin: auto;
  width: 50%;
  padding: 10px;
} 
iframe {
  border: none;
  min-width: 100%;
  height: 315px
}
.diarydiv
{
  text-align: center;
}