@font-face {
  font-family: PriPriFugring;
  src: url(/PriPriFugring.otf);
}
@font-face {
  font-family: CircularAbstracts;
  src: url(/CircularAbstracts.ttf);
}

body
{
  margin:0px;
  min-height:100vh;
  background-color: #256e53;
  background-image:linear-gradient(180deg,rgba(37, 110, 83, 1) 0%, rgba(112, 212, 154, 1) 50%, rgba(255, 176, 97, 1) 100%);
  background-attachment:fixed;
}
.honk
{
  width:100%;
  min-height:100vh;
  background-image: url("https://madlobotanist.neocities.org/shape.png");
}
p
{
  font-family:Verdana;
  font-size:18px;
  color:#02794d;
}
li
{
  font-family:Verdana;
  font-size:18px;
  color:#02794d;
}
h1
{
  text-align:right;
  font-family:PriPriFugring;
  font-size:32px;
  color:#187c92;
}
h2
{
  font-family:CircularAbstracts;
  font-size:20px;
  color:#187c92;
}
a
{
  text-decoration:none;
  color:#187c92;
}
a.nav:link,a.nav:visited
{
  display:block;
  margin:5px;
  padding:5px;
  border-radius:5px;
  font-family:CircularAbstracts;
  font-size:24px;
  color:#187c92;
  text-decoration:none;
  transition:background-color 0.5s;
}
a.nav:hover
{
  background-color:rgba(112, 212, 154, 1);
}
#chunk
{
  max-width:1200px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}
#menu
{
  position:sticky;
  top:10px;
  display:inline-block;
  vertical-align:top;
  background: rgba(200,255,225,0.5);
  margin:5px;
  padding:5px;
  width:320px;
  border-radius:30px;
  border-style:solid;
  border-width:10px;
  border-color: white;
}
#main
{
  display:inline-block;
  vertical-align:top;
  background: rgba(200,255,225,0.5);
  margin:5px;
  padding:5px;
  width:calc(100% - 405px);
  min-width:320px;
  min-height:400px;
  border-radius:30px;
  border-style:solid;
  border-width:10px;
  border-color: white;
}

@media only screen and (max-width:720px)
{
  #menu
{
  position:static;
  display:inline-block;
  background: rgba(200,255,225,0.5);
  margin:5px;
  padding:5px;
  width: calc(100% - 30px);
  border-radius:30px;
  border-style:solid;
  border-width:5px;
  border-color: white;
}
  #main
{
  display:inline-block;
  background: rgba(200,255,225,0.5);
  margin:5px;
  padding:5px;
  width: calc(100% - 30px);
  min-height:400px;
  border-radius:30px;
  border-style:solid;
  border-width:5px;
  border-color: white;
}
  a.nav:link,a.nav:visited
{
  display:inline-block;
  margin:5px;
  padding:5px;
  border-radius:5px;
  font-family:CircularAbstracts;
  font-size:24px;
  color:#187c92;
  text-decoration:none;
  transition:background-color 0.5s;
}
  a.nav:hover
{
  background-color:rgba(112, 212, 154, 1);
}
}