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

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

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

.container {
  display:grid;
  background-color: antiquewhite;
  margin: 0px;
  width: 650px;
  border:3px #3c5c3b;
  border-style: solid;
  overflow:auto;
}

.content {
  padding: 10px;
}

.back:hover, #cars:hover, #aging:hover {
  color: #d16df7;
}



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

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

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

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