body{background-color:#FBF9F4;}
.lower-top-text{
  font-size: 1.2vw;
  text-align: center;
  line-height: 1.8;
  margin: 3vw auto 0;}
.category-title{
  color: #fff;
  display: inline-block;
  padding: .5vw 3vw;}
.category-title.red{background-color:#FEB09A;}
.category-title.blue{background-color:#86BEC9;}
.category-title.brown{background-color:#C5B07C;}
.category-nav{
  display: flex;
  justify-content: center;
  gap: 3vw;
  margin: 5vw auto;}
.category-nav p,
.category-nav a{
  font-size: 1.3vw;}
.category-nav a,
.category-nav a:hover,
.category-nav a:visited{
  color: #0000ee;}
.category-nav a{
  text-decoration: underline;}

@media screen and (max-width:700px){
.lower-top-text{
  font-size: 3.5vw;
  width: 90%;
  text-align: left;}
.category-title{
  padding: .5vw 3vw;}
.category-nav{
  flex-wrap: wrap;
  margin: 10vw auto;}
.category-nav p,
.category-nav a{
  font-size: 3.5vw;}
}