body{
    background-color: #fdf3fc;
    opacity: 0.8;
    background-image:  radial-gradient(#dd6ed4 1.25px, transparent 1.25px), radial-gradient(#dd6ed4 1.25px, #fdf3fc 1.25px);
    background-size: 50px 50px;
    background-position: 0 0,25px 25px;
        
    
}


* {
margin: 0;
padding: 0;
box-sizing: border-box !important;
}



.container{

max-width: 900px;
margin: 0 auto;
padding: 50px 40px;


background-color: transparent;

}

@font-face {
    font-family: 'MyGameFont';
    src: url('font-file.woff2') format('woff2');
}





h1{ text-align: left;
    color: rgb(221, 34, 180);
    font-family: 'MyGameFont';
    font-size: 1.5rem;
    font-weight: 100;
    margin-bottom: auto;
    padding: 10px 20px 30px 40px; /* 10px top, 20px right, 30px bottom, 40px left */
      
}

p{  text-align: center;
    font-size: 2rem;
    font-weight: 100;
    color: rgb(194, 11, 117);
    
    padding: 0px 0px 0px 0px; /* 10px top, 20px right, 30px bottom, 40px left */

      

}

p1{
    
    text-align: center;
    font-size: 3rem;
    font-weight: 100;
    color: rgb(212, 52, 146);
    margin-top: 50px;
    
    

}

a{
    color: #e657cc;
    text-decoration: none;
}

.post:hover{
   
    filter:
    drop-shadow(0 0 8px #ff85a1)
    drop-shadow(0 0 16px #ff4d80);
  transform: scale(1.05);
  
}

.post:active {
    color: rgb(255, 0, 191);
}


.musicbox{

    display: flex;
    top: 0;
    left: 0;
    align-items: left;
    position: fixed;
    height: 100vh;
    overflow: hidden;
}

iframe{


    overflow: scroll;
    
    border: none;
   
}


.iframe-wrapper {
    height: 100vh;
    overflow: scroll;
    border-radius: 0px;
    
  }


  .one-liner {
    color: #fff;
    text-shadow: 0 0 8px #ffb7c5, 0 0 12px #ffb7c5;
    font-weight: bold;
   
  }