@font-face {
  font-family: Wonderland;
  src: url(https://file.garden/aFmta2R8IWe0OTgH/site%20related/medialog/Wonderland.ttf);
}

@font-face {
  font-family: button;
  src: url(https://file.garden/aFmta2R8IWe0OTgH/site%20related/medialog/Ladybug%20Love%20-%20TTF.ttf);
}

@font-face {
  font-family: writing;
  src: url(https://file.garden/aFmta2R8IWe0OTgH/site%20related/medialog/sweet%20purple.ttf);
}

a {font-family: writing;
color: #B794D9ff;}

p {font-family: writing;
color: white;
font-size: 30px;}

h2 {font-family: writing;
font-size: 40px; 
  color: #B794D9ff;
  text-align: center;}
  
h1 {font-family: Wonderland;
font-size: 70px; 
color: #B794D9ff;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
z-index: 100;}
body {
  background-color: #161B37ff;
  background-image: url(https://file.garden/aFmta2R8IWe0OTgH/site%20related/medialog/Still_Not_Knowing_Anything_T.png);
 background-size: 150%;
 background-blend-mode: overlay;
 background-attachment: fixed;
}

.container {
width: min(100%, 620px);
height:min(810px);
  margin: auto;
  background: #2E3A4Fff;
   border-style: double;
  border-width: 2px;
  border-color: #748CAB;
  border-radius: 6px;
  padding: 10px;
  text-color: #F0EBD8;
  box-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

button {
  background-color: #161B37ff;
  color: #97AECFff;
  border-style: solid;
  border-color: #97AECFff;
  font-family: button;
  font-size: 25px;
  padding: 4px;
  margin-right: 10px;
    border-radius: 6px;
}

button:hover {
  background-color: #B794D9ff;
  border-color: #B794D9ff;
  color: white;
}

.media {
  border-style: solid;
  border-width: 3px;
  border-radius: 6px;
  border-color: #97AECFff;
  height: 430px;
  max-height: 430px;
  transform: translateY(-220px);
  overflow-X: none;
  overflow-y: auto;
  padding: 10px;
  background-color: #362D58ff;
}

.box {
  border-style:solid;
  margin: 5px;
  margin-right: 15px;
  border-color: #97AECFff;
  overflow-y: auto;
  overflow-X: none;
   border-radius: 5px;
  height: 220px;
}
.cover {
  float: left;
margin: 5px;
  border-radius: 5px;
}