.photo-banner {

            width: 801px;
          
            overflow: hidden;
            border: 3px white groove;
            background-color: rgb(228, 74, 74) ;
            padding: 10px;
            height:30px;
            position: relative;
            position: absolute;
            bottom: 0%;
            right: 20%;
          
            
            
        }
                .photo-banner-track {

            display: flex;
            width: fit-content;
            animation: scroll 40s linear infinite
          

        }

        .photo-banner img {
    height: 30px;
    width: 200px;
    flex-shrink: 0;
        }
        @keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
        overflow: hidden;
    }
}
#title{

    background-color: rgb(228, 74, 74) ;
    border:3px white groove;
    width: 800px;
    height: 120px;
    padding:10px;
    margin: auto;
}

#container-3 {

    background-color: rgb(228, 74, 74);
    padding: 10px;
    border: 3px white groove;
    width: 500px;
    height: 400px;
    margin: auto;
    overflow: scroll;
    

}
#mood {

    border: 3px white groove;
    background-color: rgb(228, 74, 74) ;
    padding:10px;
    position: relative;
    position: absolute;
    bottom: 25%;
    right: 20%;
    width: 121px;
    height: 90px;
}
#links-2 {

    background-color: rgb(228, 74, 74);
    
    border: 3px white groove;
    width:121px;
    padding: 10px;
    position: relative;
    position: absolute;
    bottom: 39%;
    right: 20%;
}
#fun-web {

    background-color: rgb(228, 74, 74) ;
    border: 3px white groove;
    padding: 10px;
    height: 85px;
    width: 121px;
    overflow:scroll;
    
    
     position: relative;
      position: fixed;
    bottom: 9%;
    right: 20%;
    
}
/*used @lovermonth on twt's code for ref, not direct copy. also this doesnt work idk why*/
#wrapper {

    border: solid 7px ;
    -moz-border-image: url(lace2.png) 9 round;
    -webkit-border-image: url(lace2.png) 9 round;
    -o-border-image: url(lace2.png) 9 round;
    border-image: url(lace2.png) 9 round;
    margin: auto;
    height: fit-content;
    width: fit-content;
    padding: 5px;
    display: inline-block;
    
    
}

body {
    background-image: url(lightred-2.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    overflow: hidden;
}
.button1 {
  
  border: none;
  color: white;
  text-align: center;
  padding: 15px;
  background-color:rgb(228, 74, 74);
  
  
  
  
  }
    cursor: url('https://cdn.cursors-4u.net/css-previews/falling-rose-petals-0306f663-css.webp') 0 0,  auto !important;
    
}