body{
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 10px;
}


.title  { 
    color: white;
    font-size: 30px;
    font-family: monospace;
    text-align: center;
}

.listen {
    font-size: 30px;
    padding: 6px; 
    color: white;
    font-family: monospace;
    
}

.Latestrelease {
  font-size: 30px;
  padding: 6px; 
  color: white;
  font-family: monospace;
  style="text-decoration: none;" 

}

.collabs { 
    font-size: 30px; 
    padding: 6px; 
    color: white;
    font-family: monospace 
}


.brödtext {
    color: white;
    font-size: 10px;
    padding: 6px; 
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: black;
    

}

.presentation {
  color: white;
  font-size: 10px;
  padding: 6px; 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: center;
  

}

.logga {
    display: flex;
    justify-content: center;

}

.logga img {
    width: 500px;
}

.container{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 100px;
  }
  
  
  
  .container h1:nth-child(2) {
    opacity: 0;
    font-family: "Work Sans", sans-serif;
    margin: 0 auto auto auto;
    background: linear-gradient(to right, hidden);
    font-weight: 800;
    font-size: 100px;  
    width: 700px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: whitesmoke;
    overflow: hidden;
    animation: shring-animation 2.2s steps(40,end) 2s forwards, blink .5s step-end infinite alternate;
  }
  
  @keyframes shring-animation {
    0% {
      background-position: 0 0;
      opacity: 0;
      width: 0;
    }
    1% {
      background-position: 0 0;
      opacity: 1;
      border-right: 1px solid orange;
    }
    50% {
      background-position: 150px 0;
      opacity: 1;
      border-right: 1px solid orange;
    }
    100% {
      background-position: 400px 0;
      opacity: 1;
      border-right: 1px solid orange;
    }
  }
  
  @keyframes type {
    0% {
      width: 0;
    }
    1%, 99%{
      border-right: 1px solid whitesmoke;
    }
    100%{
      border-right: none;
    }
  }

  .logo {
    text-decoration: none;
    color: #FFF;
  }


  @media only screen and (max-width: 600px) {
    h1 {
      font-size: 40px;
    }
    .menu-item {
      font-size: 12px;
    }
    .presentation {
      font-size: 15px;
    }
    .brödtext {
      font-size: 12px;
    }
  }