html {
  margin:0;
  padding:0;
  background:url('https://64.media.tumblr.com/c91df68793c36f197ad03aa0d1224e00/a18f286bc0c5813c-81/s2048x3072/313dd71f2e2d579646451b1a381faaf5d29b1a9d.jpg');
  background-repeat: no-repeat;
  background-color:rgba(66,66,66,1);
  background-size: cover;
  width:100%;
  height:100%;
  color:white;
  font-family:arial;
}

body {
  margin:0;
  padding:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.header {
  border: 3px solid white;
  text-align:center;
  width:55vw;
  height:50px;
  margin:20px;
}

.header h1 {
  color:white;
  margin:auto;
  padding-top:5px;
}

.top-nav {
  display:flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.top-nav a {
  border: 2px solid white;
  margin: 5px;
  padding: 3px 15px 3px 15px;
  text-decoration:none;
  color:white;
}

.top-nav a:hover {
  color:white;
  font-style:italic;
}


.site {
  width:75vw;
  border: 5px double white;
}

/*site log*/
.top-tabs {
  display:flex;
  margin:0;
}

.top-tabs p {
  background-color:white;
  border:1px solid white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin:0 3px 0 3px;
  padding-right:3px;
  color:black;
}

#date {
  margin-left:0;
}
#date::before {
    display: inline-block;
    width:15px;
    height: 15px;
    margin: 2px 3px -2px 5px;
    padding:0;
    content: '';
    background: url('/img/calendar.png') no-repeat 0 0;
    background-size: 100%;
}

#time::before {
    display: inline-block;
    width:15px;
    height: 15px;
    margin: 2px 3px -2px 5px;
    padding:0;
    content: '';
    background: url('/img/clock.png') no-repeat 0 0;
    background-size: 100%;
}

.site-log h2 {
  margin:0;
  background:white;
  color:black;
}

ul {
  border: 2px white solid;
  margin:0;
  padding: 8px;
  list-style-type: none;
  overflow:scroll;
  height: 20vh;
}

.site-log li {
  border-top: 1px white solid;
  margin:0;
  padding-top:15px;
}

.site-log li:first-child {
  border:none;
  padding-top:0;
}
/*side menu start*/
.side-menu {
  width:20vw;
  background-color:rgba(49, 66, 75,1);
}

/*webamp*/
#app {
  max-width: 20vw;
  overflow: hidden;
}