a {
   color: #e45b80;
  text-decoration: underline wavy #96334b;
}

.url {
position: absolute;
  font-family:Rosela;
font-size:3rem;
color:white; 
  background: -webkit-linear-gradient(#dd4862, #dd4862);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  text-shadow: 1px 7px 8px #dd4862, 6px 3px 3px #dd4862;
margin-top: 500px;
margin-left: 50px;
  
}

.lyric {
position: absolute;
  font-family:Rosela;
font-size:3rem;
color:white; 
  background: -webkit-linear-gradient(#e996a6, #e45a81);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  text-shadow: 1px 7px 8px #e45a81, 6px 3px 3px #999ee0;
margin-top: -30px;
margin-left: -60px;
  
}

  audio {
     height: 45px;
    bottom: 0;
    position: absolute;
    right: 0;
    width: calc(420px - 0px - 0rem);
}

 body {
   color: #4b3137;
    background: url('https://file.garden/Z5ztm_B6wj_8HQnK/graphics/SResShowdown%20-%20Teto%20Territory%20-%20Kasane%20Teto%20(4K%20upscale)%20%5BSUBTITLES%5D%20%5BOtcNMnPbyps%20-%20945x709%20-%203m22s%5D(2).png') ;
   background-size: 60em;
}

     @font-face {
    font-family: 'Rosela';
    src: url('https://files.catbox.moe/lfjf5k.ttf');
}

      .gradoutline {
  background: -webkit-linear-gradient(#dd4862, #96334b);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: white;
  font-size: 1em;
  font-family:Rosela;
text-align: center;
        
}

b, h1, h2, h3, h4 {color:white !important;
    padding: 1px !important;
     background: -webkit-linear-gradient(#e996a6, #e45a81);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
    font-family:'Rosela' !important;
  
    }

.box {
  width: 830px;
  padding: 10px;
  text-align: center;
}

.scrollbox2 {
  font-size: 16px;
  border: #e45a81 double 8px;
  padding: 10px;
  width: 380px;
  height: 300px;
  overflow-y: auto;
  text-align: center;
  background-color: white;
  border-radius: 14px;
}

.scrollbox1 {
  font-size: 16px;
  
    
  padding: 10px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 380px;
  height: 160px;
  overflow: auto;
  text-align: center;
 
  border-radius: 14px;
  
}

.text-container {
  padding: 0px;
text-align: center;
  width: 450px;
    margin: auto;
  border: 9px solid;
  border-image: url('https://file.garden/Z5ztm_B6wj_8HQnK/graphics/ol3-modified(1).png') 7 fill round;
  background: transparent;
  color: #4b3137;
  border-radius: 15px;
  overflow-x: hidden;
}


.footer-line {
  display: none
}


.button {
margin-left: 100px;
}