:root {
  background-color: rgb(0, 0, 0);
  background-image: url(Images/backgroundwavyhorizontal.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.container {  display: grid;
  grid-template-columns: 1fr 500px 1fr;
  grid-template-rows: 10% 80% 10%;
  gap: 0px 0px;
  grid-auto-flow: row;
  height: 100vh;
}

.blog { grid-area: 2 / 2 / 3 / 3; 
  display: grid; 
  grid-template-columns: 16% 82% 2%; 
  grid-template-rows: 2% 96% 2%; 
  gap: 0px 0px; 
background-position: center;
background-image: url(Images/grid.png);
}

.blogallowed { grid-area: 2 / 2 / 3 / 3; 
overflow-y: scroll;
overflow-x: hidden;}

.pagebottom {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr 1fr; 
  gap: 0px 0px; 
  grid-area: 3 / 2 / 4 / 3; 
}
.button { grid-area: 1 / 2 / 2 / 3; 
display: flex;
margin-top: 20px;
color: white;
}

.button :hover{
  text-decoration: underline;
}

.blogallowed::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  display:contents
}

::-webkit-scrollbar {
display: none;}

::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgb(226, 4, 133);
}

:any-link {
  text-decoration: none;
  color: inherit;
}