// Shared variables and base styles for the whole site.
// Loaded on every page before the page-specific .less file.

@color-bg: black;
@color-text: white;
@color-primary: #7b2cbf;
@color-primary-dark: #5a189a;
@color-muted: #666666;
@color-border: #dddddd;

@font-body: Georgia, 'Times New Roman', serif;
@font-heading: Georgia, 'Times New Roman', serif;

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  background: @color-bg;
  color: @color-text;
  font-family: @font-body;
  text-align: center;
}
body{
  background-image: url(../img/space.gif);
  min-height: 100vh;
padding-bottom: 80px;
    font-size: 19px;

}
h1, h2, h3 {
  font-family: @font-heading;
  margin:0px;
}

h2{
  margin-bottom: 40px;
}

a {
  color: @color-primary;

  &:hover {
    color: @color-primary-dark;
  }
}

button {
  font-family: @font-body;
  cursor: pointer;
}

#logo{
  width: 60vw;
  text-align: center;
  margin: auto;
  img{
    width: 100%;
    height: auto;
  }
}

#site-footer {
  margin-top: 3em;
  padding: 1em 0;
  border-top: 1px solid @color-border;
  color: @color-muted;
  font-size: 0.9em;
}
a.btn {
 
  background-color: black;
border: double 7px white;
  font-size: 15px;
  padding: 8px 16px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  margin: 5px;
  display: inline-block;
}

.page{
  max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

header{
    background-color: black;
  img{
  width: 800px;
  }
}
.menu{
      background-color: black;
    padding: 10px;
    background-color: black;
    padding: 10px;
    border-top: solid 1px;
    border-bottom: solid 1px;

  a{
    color:white;
      font-size: 19px;
  text-decoration: none;
  margin: 10px;
  }
}

#book-toc-list{
  a{
    color:white;
  }
}
.decoration{
  margin:60px;
}