body{
  margin: 0px;
  background: #F2F2F2;
}
#nav{
  background: #248BFB;
  height: 5vh;
  width: 100%;
  margin: 0px;
  padding-bottom: 5px;
  padding-top:5px;
  display: grid;
  grid-template-columns: 26% auto 50px 60px 50px 50px; 
  grid-template-rows:auto;
  color: white;
  align-content:center;
}
#search{
  display: grid;
  grid-template-columns: 20px auto;
  background: #0063CE;
  height:30px;
  padding: 0px;
  margin: 16px 5px 0px 0px;
  border-radius: 3px;
  align-content:center;
  font-size: 12px;
}
#search svg{
  margin-top: 10px;
}
.top{
  margin-top: 10px;
  font-size: 12px;
}
#thing{
  font-weight: 900;
  margin-top: 0px;
  padding-top: 0px;
  font-size: 20px;
}
#maker{
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  margin-left:10px;
  font-size: 20px;
}

#body{
  height: 93.5vh;
  width: 100%;
  margin: 0px;
  display: grid;
  grid-template-columns: 300px 300px 300px 300px; 
  grid-template-rows:auto;
}
.item{
  display: grid;
  grid-template-columns: 66% auto; 
  grid-template-rows:10% 60% 15% 15%;
  height:300px;
  background: white;
  margin: 10px;
  justify-content:center;
}
#sort{
	display: grid;
  grid-template-columns: 100px auto;
}
#pageNav{
  grid-column-start:2;
  grid-column-end:4;
  color:blue;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  align-content:center;
}
.box{
  background: #248BFB;
  border-radius: 3px;
  height: 20px;
  width:20px;
  margin: 10px;
}
#pageNav div:not(box):not(text){
  margin-top: 10px;
  padding: 10px;
}
#more{
  color:white;
  display: grid;
  grid-template-columns: auto auto;
  align-content:center;
  width: 60px;
}
#more svg{
  margin:20px 0px 0px 0px;
}
#relevence{
  height:30px;
  background: white;
  margin: 10px;
}
#type{
  height:30px;
  background: white;
  margin: 10px;
}
#filter{
  height:30px;
  background: white;
  margin: 10px;
}
#body div p{
  color:grey;
}
.text{
  color:white;
  height: 30px;
}
.topBer{
  align-content:center;
  justify-content:left;
  padding-left:10px;
  font-size:12.5px;
  display: grid;
  grid-template-columns: auto;
}
h1{
  color: grey;
}
.topLine{
	grid-column-start:1;
	grid-column-end:3;
  font-size:12.5px;
  padding-left: 10px;
}  
.image{
	grid-column-start:1;
	grid-column-end:3;
} 
.collect{
	grid-row-start:3;
	grid-row-end:5;
  font-size:12.5px;
  margin-top:0px;
  display: grid;
  grid-template-columns: auto auto;
  align-content:center;
  justify-content:center;
} 
.like{
  display: grid;
  font-size:12.5px;
  grid-template-columns: auto auto;
}
.comments{
  display: grid;
  grid-template-columns: auto auto;
  font-size:12.5px;
}
.item svg{
  margin-top: 10px;
}

#backToTop{
  display: grid;
  grid-template-columns: auto auto;
  position:absolute;
  width:100px;
  height:25px;
  top: 300%;
  left: 80%;
  padding:3px;
  padding-bottom:0px;
  border-radius:10px;
  border:solid 5px #F2F2F2;
}