@font-face {
    font-family: "plex";
    src: url("../fonts/IBMPlexMono-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


body {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "plex";
  
  }
th{
    text-align: center;
}
td {
    padding: .5vh;
    text-align: center;
}

/*search /autocomplete stuf*/

#auto-search-wrapper {
    display: grid;
}

input {
    position: fixed;
    top: 5vh;
    font-family: "plex";
    font-size: 5vh;
    text-align: center;
}

#results {

    position: fixed;
    bottom: 5vh;
    text-align: right;
    width:90%;
}

.autocomplete {
    background: white;
    z-index: 1000;
    text-align: center;
    font-family: "plex";
    font-size: 4vh;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
}

.autocomplete * {
    font: inherit;
}

.autocomplete > div {
    padding: 0 4px;
}

.autocomplete .group {
    background: #eee;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    background: #81ca91;
    cursor: pointer;
}


iframe {
    width: 100%;
    height: 100%;
}


.container {
  margin-top: 15vh;
  border-radius: 2px;
  width: 80vw;
  height: 43.2632880099vw;
  border: 0.23vh solid #4A4949;
  display: grid;
  grid-template-columns: 61.8% 9.02% 5.58% 23.6%;
  grid-template-rows: 61.8% 9.02% 5.58% 23.6%;
  grid-template-areas: "A B B B" "A C C C" "A C C C" "A C C C";
}

  
.item {
  font-family: "plex";
border-radius: 2px;
overflow-y: scroll;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
color: #F2F2F2;
box-sizing: border-box;
border: 0.2vh solid white;
}

.item.a {
grid-area: A;
background-color:  #3c573e;
margin: -vh;
padding: 5.58%;
}

.item.b {

margin-top: -vh;  
grid-area: B;
background-color: #a84026;

}
.item.c {
margin: vh;
grid-area: C; 
background-color: #eaddcf;
}
.item.d {
margin-top: vh;
grid-area: D;
  background-color:  #f6dada;
}

/* google books table stuff */

.item.c tr {
    height: 21.3vh;
    padding: 5%;
    
}

.item.c tr:nth-child(odd) {
     color:rgb(44, 37, 34)
}
.item.c tr:nth-child(odd) a {
    color: #3c573e
}
.item.c tr:nth-child(even) {
    background-color: #737cba;}



#wikiSpace {
    height: 100%;
}

#youtubeSpace {
    width: 100%;
    height: 100%;
}

.mw-parser-output{
  height: 80vh;
}

.deets{
    height: 100%;
}

summary {
   display: none;
}

a {
    color:rgb(250, 218, 203)
}
/*wiki*/
.infobox-header {
    background-color: rgb(44, 37, 34) !important;
    border-radius: .1em;
}
.infobox {
    width: 100%;
}

.mw-editsection {
    font-size: 3px;
}

.hatnote {
display: none}

.navbox{
   color:  #3c573e;

}

.navbox a {
    color:rgb(44, 37, 34)
}

.sidebar a {
    color:rgb(44, 37, 34)
}

.mbox-text {
    display: none
}
.mbox-image {
    display: none;
}

.image img {
    border-radius: 1%;
}


#books {
    color: rgb(44, 37, 34);
    width: 100%;
    height: 100%;
}

.thumb {
    
}