@media (min-width: 500px) {
    .albumname {
        font-size: 90px;
    }
 
    .heart-rate {
        margin-top: -170px;
        position: relative;
        top: 150px;
    }
    
    .seperate {
        margin-top: 20px;
        width: 200px;
    }

    .audio-player {
        width: 70%;
    }

    .tab-content {
        width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* border-left: #302f31c5 7px solid;
    border-right: #302f31c5 7px solid; */
    border-radius: 2px;
    }

    .tab {
        margin-left: auto;
        margin-right: auto;
        width: 92%;
    }
   


}


@media (min-width: 729px) {
    
    .albumname {
        font-size: 100px;
        font-family: "Gaba";
        margin-top: -30px;
    }

    .heartbeat {
        width: 110px;
        margin-top: 20px;
    }
     
    .seperate {
        width: 260px;
        height: 1px;
        }

    .audio-player {
        text-align: center;
        /* background-color: red; */
        display: block;
        margin-top: 30px;
        width: 60%;
        filter: hue-rotate(140deg) blur(3);
    }

    .songnames {
        font-size: 20px;
    }

    .tab-content {
        font-size: 21px;
    }

    .tab label {
        font-size: 30px;
    }

    h3 {
        font-size: 35px;
    }

    .preg {
        font-size: 25px;
        line-height: 35px;
        
      }

      .announcement {
        font-size: 19px;
        margin-top: 0px;
      }

}


@media (min-width: 1000px) {
    
    .albumname {
        font-size: 140px;
        margin-top: -30px;
    }
    .heartbeat {
        width: 150px;
        
    }

    .seperate {
        width: 350px;
        height: 1px;
        position: relative;
        top: 10px;
        
    }

    .audio-player {
        text-align: center;
        /* background-color: red; */
        display: block;
        margin-top: 30px;
        width: 60%;
        filter: hue-rotate(140deg) blur(3);
        }

    .songnames {
        font-size: 30px;
    }    

    .tab-content {
        font-size: 25px;
    }

    .preg {
      line-height: 34px;
    }

    .announcement {
        font-size: 23px;
        margin-top: -20px;
      }

      .tab .first-section-big {
        margin-top: 5px;
    }

    .shootup {
        display: block;
    }

    .shootup a {
        opacity: 1;
    }
     

}

@media (min-width: 1200px) {
  
    .albumname {
        font-size: 190px;
    }
    .heartbeat {
        width: 180px;
        margin-top: 20px;
    }
     
    .heart-rate {
        margin-top: -170px;
        position: relative;
        top: 140px;
    }
   
    .fill {
        filter: blur(1);
    }

    .seperate {
        opacity: 0.9;
        width: 25%;
        border-radius: 100px;
        height: 1px;
        position: absolute;
        top: 10px;
        left: 37.5%;
        
    }

    .tab-content {
      
        font-size: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .tab label {
        font-size: 30px;
    }

 

    .tab-content p {
        padding-top: 15px;
        
    }

    .tab {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }

    .announcement {
        font-size: 25px;
        margin-top: -25px;
      }

      h3 {
          font-size: 35px;
          margin-bottom: -12px;
      }

      .tab .first-section-big {
          margin-top: 7px;
      }

      .preg {
          line-height: 28px;
          font-size: 26px;
      }

}