/*
 * Globals
 */


body {

  color: white;
  min-height: 100vh;
  background-color: #1c1c1c; 
}

/*dator*/
@media (min-width: 768px) {
      .button{
    display:none;
  }
    .content{
      font-family: 'Inconsolata', monospace;
    position:absolute;
    width:24vw;
    height: auto;
    min-height: 100vh;
    left:32vw;
    top:0;
    background-color: rgba(23, 23, 23,0.9);
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    padding:0 0.8vw;
  }

    .post-title{
    font-size: 1.1vw;
    margin-top:1vw;
    margin-right: 2vw;
    margin-bottom: 2vh;
    text-decoration: none;
    color:white;


  }

  .content-title{
    color:white;
    font-size: 2vw;
  text-align: center;
  margin: 2vw 0;
}

}

/*device*/ 
@media (max-width: 768px) {
  .button{
    display:block;
  }


  .content{
    font-family: 'Inconsolata', monospace;
    position:absolute;
    width:100vw;
    height: auto;
    min-height: 100vh;
    left:0vw;
    top:0;
    background-color: rgba(23, 23, 23,1);
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    padding:0 0.8vw;
  }

      .post-title{
    font-size: 5vw;
    margin-top:1vw;
    margin-right: 5vw;
    margin-bottom: 2vh;
    text-decoration: none;
    color:white;
  }

.content-title{
  font-size: 4vw;
  margin-top:3.8vw;
  margin-bottom:3vw;
}

}

.all{
  color:white;
  position:fixed;
  top:0;
  right:left;
  background-color: #1c1c1c;
  height:100vh;
  width:100vw;
  font-family: 'Inconsolata', monospace;
}


.logo{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  width: 66%;
}

.menu{
  margin-left:17.5vw;
  margin-top:30px;
}

.menu li{
  list-style: none;
}

.menu a{
  color:white;
  font-size: 15px;
}

.menu a:hover{
  color:gray;
  text-decoration: none;
}





.post-title a{
  color:white;
}

.post-title a:hover{
    text-decoration: none;
  color:lightgray;
}

.post-content{
  font-size: 0.9vw;
  text-indent: 10px;
  padding:0 0px;
}

.artistLogo{
  width :100%;
  height:auto;
  margin-left:auto;
  margin-right: auto;
  display:block;
  margin-top:0vw;
}


.menuMobil{
  width:100vw;
  min-height:100vh;
    background-color: rgba(23, 23, 23,0.9);
  position: fixed;
  top:0;
  right:0;
  z-index: 10;
  padding:0;
  display:none;
  transition: 0.5s;
}

.active{
  display:block;
}

.menuMobil img{
  width:50vw;
  height:auto;
  margin-bottom: 50px;
}

.menuMobil ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menuMobil li{
  list-style: none;
  text-align: center;
    margin-bottom:20px;
}

.menuMobil a{
  color:white;
  font-size: 30px;

}

.menuMobil a:hover{
  color:gray;
  text-decoration: none;
}

.button{
  position: fixed;
  right:0;
  margin:15px 15px 0 0;
  padding:0;
  z-index: 10;
}

.button img{
  width:50px;
  height:50px;
}*/