body {
  background-color: #daedff;
  background-image: url(https://gloomydazeart.neocities.org/images/backgrounds/always-grey.png);
  font-family: "Neucha";
  box-sizing: border-box;
  font-size: 130%;
}
@media screen and (max-width: 800px) {
    header, main, aside {
        width: 100%;
    }
}


a {
  color: indigo;  
}

a:hover {
  color: deeppink;
  font-style: italic;
}

@font-face {
font-family: "Aklatanic TSO";
src: url("https://gloomydaze.neocities.org/fonts/aklatan.ttf") format("truetype");
}

@font-face {
font-family: "Neucha";
src: url("https://gloomydazeart.neocities.org/fonts/Neucha-Regular.ttf") format("truetype");
}

h1, h2, h3, h4 {
  font-family: "Aklatanic TSO";
}

#container {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    border: white;
    width: 800px;
    gap: 10px;
}

#underheader {
  display: flex;
  gap: 10px;
  height: 600px;
}

main {
 width: 570px;
 background-color: #daedff;
}

iframe {
    width: 570px;
    height: 600px;
}

aside {
  padding:10px;
  width: 200px;  
  background-color: #d2b5f1;    
}