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

body {
  font-family: "Fira Code", monospace;
  color: black;
  padding: 2em;
  /*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: #DDD;
  border-radius: 16px;
  width:100%;
  padding:1em;
  padding-left: .2em;
  padding-right:.2em;
}

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

.content {
 float: right;
 width: 70%;
 margin-top: 2em;
 background: #DDD;
 padding:1em;
 border-radius: 16px;
}
*/

/*.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;
  border: black;
  padding: .3em;
  border-style: double;
  background: white;


}

#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: 98%;
  border-radius: 16px;
  padding:1em;
  margin-left: 0%;
  margin-top: 5em;
  background: #DDD;
  img {

  }
}
*/

body {
  width: 70%;
  margin-left: 20%;
  background: #201b1a;
  background-position: top;
  background-size: 100% 100%;
  background-image: url("/img/background.jpg");
}


.header {
  margin-top: 7em;
  height: 7em;
  margin-bottom: 14em;
  padding-left: 2em;
}

.header img {
  height: 16em;
}

.container {

  display: flex;
}

nav {
  margin-right: 10em;
  width: 80%;
  border: green;
  border-style: double;
}
.content {
  border: green;
  border-style: double;

}

footer {
  border: green;
  border-style: double;

}
