@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);

body {
  font-family: "Fira Code", monospace;
  color: black;
  /*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
  /*display: grid;*/
  background: #2e2828;
}

a:link {
  color: black;
}

a:visited {
  color: #111;
}


a:hover {
  color: #111;
}


a:active {
  color: #111;
}

* {
}

.header {
  /*height: 10vh;*/
  /*float: left;*/
  text-align: center;
  background: white;
  border-radius: 16px;
  width:100%;
  padding:1em;
  padding-left: .2em;
  padding-right:.2em;
  opacity: .8;
}

.sidebar {
  width:20%;
  float: left;
  background: white;
  border-radius:16px;
  padding:1em;
  margin-top: 2em;
  opacity: .8;
  
}

.content {
 float: right;
 width: 70%;
 margin-top: 2em;
 background: white;
 padding:1em;
 border-radius: 16px;
  opacity: .8;
}


.navbar_links {
  /*display: grid;*/
  /*grid-template-columns: auto auto;*/
  list-style: none;
}

iframe {
}

.navbar_link {
  width:10em;
  display: table-cell;
  font-size: 22px;
}

* {
  
}

#queen {
  width: 20em;

}

#susie {
  height: 5em;
}

#glados {
}

iframe {
 width: 90%;
 height: 400px;
 margin: 3%;

}

@media only screen and (max-width: 600px){
  .sidebar {width:100%}
  .content {width:100%}

}

footer {
  display: inline-block;
  width: 90%;
  margin-left: 5%;
  border:2px;
  margin-top: 5em;
  img {

  }
}