.national-park-p {
  font-family: "National Park", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.Landing{
    margin: 1rem auto;
    max-width: 90rem;
    min-width: 200px;
    
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
}

.Landing h2{
    text-align: center;
    
}

.Body{
  display: block;
  order: 2;
  /*max-width: 50%;*/
  flex-grow: 4;
  min-width: 200px;

  border-style: solid;
  border-color: #B02130;
  border-radius: 50px;

  background-color: var(--content-BG);
  padding: 5rem;
  margin: 0 0.5rem;
  margin-bottom: 1rem;
  
  transition: all 1s;
}

.Left_Content_Boxes{
  display: flex;
  flex-direction: column;
  order: 1;
  
  min-width: 200px;
}

.Content_Box{
  background-color: var(--content-BG);
  
  padding: 5rem;
  margin: 0 0.5rem;
  
  border-style: solid;
  border-color: #B02130;
  border-radius: 50px;
  
  flex-grow: 1;
  
}

.Body img{
  max-width: 100%;
}


#RSS_Feed_Box{
  margin: 0 auto;
  margin-bottom: 1rem;
	max-width: 25%;
	min-width:200px;
	flex-grow: 1;
	
	border-style: solid;
  border-color: #B02130;
  border-radius: 50px;

  background-color: var(--content-BG);
  padding: 2rem;
  /*padding-right: 1rem;*/
  
  transition: all 1s;
  
  order: 3;
	
}
#RSS_Feed{
	overflow-y: scroll;
	max-height: 550px;
	/*padding-right: 1rem;*/
	border-radius: 10px;
}

#RSS_Feed .feed-title{
  font-size: 0;
}
#RSS_Feed .post_image{
  max-width: 100%;
  border-radius: 10px;
}

#RSS_Feed .feed-item-title{
  margin: 0;
  margin-bottom: 0.5rem;
  text-align: center;
}
#RSS_Feed .feed-item-title a{
  color: #00754C;
  text-decoration-line: none;
  font-size: 1.1rem;
  transition: font-size 0.5s;
  
}
#RSS_Feed .feed-item-title a:hover{
  color: #B62EFF;
  font-size: 1.2rem;
  
}

#RSS_Feed .feed-item-desc{
  margin: 0;
}

#RSS_Feed p{
  margin:0.5rem 0;
  margin-bottom: 2rem;
}

#Jirachi{
  position: fixed;
  left:5px;
  bottom:50px;
  width: 150px;
  transition: all 1s;
}

#Tea_Knight{
  position: fixed;
  right:-50px;
  bottom:50px;
  width: 250px;
  transition: all 1s;
}

#Neocities-tag{
  position: fixed;
  left:5px;
  bottom: 5px;
  width:125px;
}

@media (max-width:635px){
  p{font-size: 1rem;}
  .Landing{flex-wrap: wrap};
  .Body{padding: 2rem; max-width: 100%;}
  
  #RSS_Feed_Box{max-width: 50%};
  
  #Jirachi{width:100px; left: 5px;}
  #Tea_Knight{width:200px;}
}