@font-face {
  font-family: 'Pixellari';
  src: local(''),
    url('/fonts/Pixellari.ttf');
}

html, body {
    display: grid;
    justify-content: center;
    background-color: antiquewhite;
    cursor: url("img/movie-cur.png"), default;
    font-family:'Pixellari', Cochin, Georgia, Times, 'Times New Roman', serif;
    background-image: url("img/groovy\ bg.gif");
}

.nav-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  width: auto;
}

.container {
    display:grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 15px;
    margin: 0px;
    width: 650px;
    overflow:auto;
}

.bigbox {
    background-color:antiquewhite;
    height:400px;
    border: #9928ca;
    border-width: 3.5px;
    border-radius: 3.5px;
    border-style:inset;
}

.sidebox {
  display: grid;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
}


h1 {
  font-size: 30px;
  margin-left: 22px;
  color: #743091;
  filter: drop-shadow(2px 2px #74309169);
}

p {
  font-size: 20px;
  margin-left: 22px;
  margin-right: 22px;
  color: #743091
}

#tvcat {
  margin-left: 18%;
  height: 50%;
  width: 60%;
}


/* BUTTONS */
.buttons {
  display: flex;
  align-items: center;
}

.library-button,
.grooves-button,
.home-button,
.essays-button,
.telescope-button,
.wiw-button,
.trinkets-button {
  background-color: antiquewhite;
  font-family: Ms Gotchic;
  font-size: 100%;
  color: #2d442c;
  height: 50px;
  width: 50px;
  margin: 10px;
  border-radius: 10px;
  border-color: #9928ca;
  border-width: 3.5px;
  cursor: url("img/movie-cur.png"), default;
}

.library-button:hover,
.grooves-button:hover,
.home-button:hover,
.essays-button:hover,
.wiw-button:hover,
.telescope-button:hover,
.trinkets-button:hover {
  background-color: bisque;
}

.library-button:active,
.grooves-button:active,
.home-button:active,
.essays-button:active,
.wiw-button:active,
.telescope-button:active,
.trinkets-button:active {
  opacity: 0.7;
}  
/* END BUTTONS */