a {
   color: #667419;
  text-decoration: underline wavy #415309;
}

.url {
position: absolute;
 background: -webkit-linear-gradient(#a8af2c, #415309);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: white;
  font-size: 2.3rem;
  font-family:times new roman;
text-align: center;
        text-shadow: 1px 1px 10px black;
margin-top: -80px;
margin-left: 400px;
  
}

.lyric {
  position: absolute;
background: -webkit-linear-gradient(#a8af2c, #415309);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: white;
  font-size: 3rem;
  font-family:Rosela;
text-align: center;
        text-shadow: 1px 1px 10px black;
  margin-top: 5px;
margin-left: 460px;
  
}

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

 body {
   color: #1c1820;
    background: url('https://file.garden/Z5ztm_B6wj_8HQnK/graphics/FLAVOR%20FOLEY%20-%20Water%20the%20Roses%20ft.%20GUMI%20%5BNA3MJmcyPpE%20-%201260x709%20-%200m42s%5D.png');
   background-size: 107em;
}

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

      .gradoutline {
  background: -webkit-linear-gradient(#a8af2c, #415309);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: white;
  font-size: 1em;
  font-family:Rosela;
text-align: center;
        text-shadow: 1px 1px 10px black;
       
}

b, h1, h2, h3, h4 { background: -webkit-linear-gradient(#a8af2c, #415309);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: white;
  font-family:times new roman;
  
text-align: center;
        text-shadow: 1px 1px 10px black;
  
    }

.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;
  border: 12px solid !important;
    border-image: url("https://i.postimg.cc/mZnvC67f/canvas-2.png") 8 fill round !important;
  padding: 10px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 380px;
  height: 300px;
  overflow: auto;
  text-align: center;
  background-color: white;
  border-radius: 14px;
  
}

.text-container {
  padding: 0px;
text-align: center;
  width: 650px;
    margin: auto;
  border: 9px solid;
  border-image: url('https://file.garden/Z5ztm_B6wj_8HQnK/graphics/FLAVOR%20FOLEY%20-%20Water%20the%20Roses%20ft.%20GUMI%20%5BNA3MJmcyPpE%20-%201260x709%20-%201m11s%5D(1).png') 7 fill round;
  background: url('https://i.postimg.cc/155MDn1s/paper-1.png');
  background-size: repeat;
  color: #1c1820;
  border-radius: 0px;
  border-image-slice: 35%;
        border-image-repeat: round;
  overflow-x: hidden;
  
  
}


.footer-line {
  display: none
}


.button {
margin-left: 100px;
}