a {
   color: #80a0a3;
  text-decoration: underline;
}

.url {
position: absolute;
  font-family:Rosela;
font-size:3rem;
color:white; 
  background: -webkit-linear-gradient(#fcd1de, #fdb1c3);
  -webkit-background-clip: text;
  -webkit-text-stroke: 7px transparent;
  text-shadow: 1px 5px 0px #99b6b6;
margin-top: -80px;
margin-left: 260px;
}

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

 body {
   color: #4b3137;
    background: #f1dce1 !important;
}

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

      .gradoutline {
   background: -webkit-linear-gradient(#fcd1de, #fdb1c3);
  -webkit-background-clip: text;
  -webkit-text-stroke: 7px transparent;
  text-shadow: 1px 4px 0px #99b6b6;
  color: white;
  font-size: 1.5em;
  font-family:Rosela;
text-align: center;
        
}

b, h1, h2, h3, h4 {color:white !important;
    padding: 1px !important;
    text-shadow: 2px 0px 0px #e45a81, -2px 0px 0px #e45a81, 0px 2px 0px #e45a81, 0px -2px 0px #e45a81 !important; 
    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;
  border: 12px solid !important;
    border-image: url("https://i.postimg.cc/mZnvC67f/canvas-2.png") 12 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: 850px;
    margin: auto;
  border: 12px solid;
  border-image: url('https://file.garden/Z5ztm_B6wj_8HQnK/graphics/osa9sc(1).png')  8 fill round;
   border-image-slice: 19%;
        border-image-repeat: round;
  background:white;
  color: #4b3137;
  border-radius: 15px;
  overflow-x: hidden;
}


.footer-line {
  display: none
}


.button {
margin-left: 100px;
}




  #focontainer img {
    width: 200px;
    height: auto;
  
  }

#focontainer p {
  padding: 15px;
  text-align: center;
  color: #2a4852;
  font-family: Rosela;
  font-size: 16px;
}

.column {
    float: left;
    width: 50%;
    padding: 10px;
  }

  .column img {
    margin-top: 12px;
  }

  .row:after {
    content: "";
    display: table;
    clear: both;
  }