.marquee-container {
        width: 900px;
        overflow: hidden;
        background-color: transparent;
    }

    .marquee-content {
        display: inline-block;
        white-space: nowrap;
        padding: 0px;
        animation: marquee 28s linear infinite;
    }

    @keyframes marquee {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
    }
            
           @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Regular.ttf');
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Bold.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }
        
        @import url('https://fonts.googleapis.com/css2?family=Mynerve&family=Yeseva+One&display=swap');

   @font-face {
                  font-family: "Imprima", sans-serif;
                src: url('https://tender-days.nekoweb.org/resources/Imprima-Regular.ttf');
            }
@font-face {
    font-family: "DotGothic16", sans-serif;
    src:url('https://tender-days.nekoweb.org/resources/DotGothic16-Regular.ttf');
}

        
                ::-webkit-scrollbar {
  width: 6px;
            
}

::-webkit-scrollbar-track {
  background-color: transparent;
    border: 1px dotted #FECBE0;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #FECBE0;
  border-radius: 8px;
}
      
    body {
        font-family: 'Nunito', sans-serif;
         color: #535353;
         font-size: initial;
        background-color: transparent;
        background-image: url(https://tender-days.neocities.org/image-3p8g0vej.png);
      
        }
        
    
        
        a {
                color: #535353;
                font-weight: bold;

            }
        
        a:hover{
            background-image: linear-gradient( to right, white, rgba(254, 203, 224, 0.67), white);
            border-radius: 20px;
            font-weight:normal;
            
            
        }
 ul {
                
                padding: 0;
                margin: 2;
    line-height: 25px;
                display: inline-block;
                list-style-type: none;
                
                font-size: smaller;
                margin-left: -3px;
     
                text-align: left;
           
        }
    
li::marker {
   content: url("https://tender-days.neocities.org/j16-icon-heart.gif");
  
   
          
}
        
 
        
        h1, 
        h2,
        h3,
        h4,
        h5
        {
            
            letter-spacing: 2px;
            color: #575757;
            text-decoration: overline underline 1px dotted #ff9bc4;
            background-image: linear-gradient( to right, white, rgba(254, 203, 224, 0.67) 40% 50% , white);
            
                text-align:center;  
                line-height:20px;
                margin: 0;
               
}

p {
  
   font-size: initial;
    
    
}
       
        .grid-container {
                max-width: 950px;
                display: grid;
                justify-content: justify;
                grid-template-columns: 130px 450px 340px 400px ;
                grid-template-rows: auto auto auto auto auto; /*Make the grid smaller than the container*/
                align-content:justify;
                gap: 10px;
                width:940px;
                height:650px ;
                margin: 0 auto;
                 margin-top: 100px;
                border: 26px solid transparent;
                border-image: url(https://tender-days.neocities.org/_l_extra24_25_s512_extra24_25_0.png) 46 round;
                background: transparent;
                background-clip: padding-box;
                background-image: url(https://tender-days.neocities.org/gingham.png);
                background-attachment: fixed;
                padding:30px;
          
                font-size: 0.85rem;
            


}
        
        
        .grid-container > div {
  background-color: #FFF;
                border:8px solid transparent;
                border-image: url(https://tender-days.neocities.org/resources/ri32-015-a.gif) 8  round;
        
                padding: 12px ;
            height: auto;
            
 
            
            
        }
        
        .header{
    grid-area: 2 / 2 / 2 / 2 ;
            overflow: scroll;
            overflow-x: hidden;
            margin-top: -50px;
}
        
    
            .navbar {
      grid-area: 1 / 1 / 1 / 1 ;
                margin-bottom: 130px;
                                
}
        
         .header2 {
      grid-area: 1 / 4 / 3 / 6 ;
             
}
            .main2 {
      grid-area: 2 / 3 / 2 / 3 ;
         
                margin-top: -180px;

                
}               
        
        .main {
            
        grid-area: 1 / 2 / 1 / 2;
         margin-bottom: 50px;
          
        }
        
        
        .updates {
      grid-area: 2 / 2 / 2 / 1 ;
            margin-top: -130px;
            width: 80;
      
           
                
} 
        .sidebar {
      grid-area: 1 / 3 / 1 / 3 ;
            margin-bottom: 180px;
            
            
            
                
}
        .extras {
      grid-area: 3 / 1 / 3 / 4 ;
            max-height: 50px;
            margin-bottom: -20px;
  
}

        .extras img{
           filter:opacity(50%);
}

.extras img:hover{
           filter:opacity(100%);
}
        
        .extras div:hover{
animation-play-state: paused;
}
        
        .listening {
            
font-size: 5px;
        }
        
        .music {
               
           margin-top: -10px;
            width: 75px;
            height: 160px;
            font-size: 12px;
            text-align: center;
            margin-bottom: -120px;
            padding: 10px;
           
            
            
            
                 img {
  border: 1px solid #FECBE0;
  border-radius: 4px;
  padding: 5px;
}

        
        
        
        }
        
        .frame{
            
            z-index: 55;
            
            
            
        }
        
        
        .painting {
            text-align: center;
            margin-top: -30px;
            margin-bottom: -80px;
            align-content: center;
            padding: 3px;
            
        }
            
            .painting > img{
                
                
             width: 200px;
                padding: -5px;
                border: 1px dashed #ff9bc4;
                border-radius: 12px;
                margin-bottom: 20px;
      
        }
        
    
    
    
        .encart
        
        { 
      
            padding: 1px;
            padding-right: 42px;
        border: px solid #000;
            width: auto;
            height: 170px;
            text-align: center;
            line-height: 3px;
            margin-top: -55px;
        background-image: url(https://tender-days.neocities.org/resources/buttons/pl032-plate-z08.gif);
            background-position: top;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        
        .widget{
            
            margin:2px;
            padding: 12px;
        
        }
   
        
        .content{
            font-size: 12px;
            margin: -20px;
            margin-top: -5px;
            padding: 1px;
            line-height: 12px;
        }
        
        
        .textupdates {
            
           
            border-radius: 10px;
            border:1px solid #FFF;
            background: linear-gradient(180deg, rgba(254, 203, 224, 0.15), rgba(255, 155, 196, 0.38) 100%);
            padding: 8px;
            margin-bottom: 10px;
            font-size: 12px;
            box-shadow: 1px 2px 4px rgba(254, 203, 224, 0.57);
            
            
        }
        
        

    ::-moz-selection { /* Code for Firefox */
  color:aliceblue;

  background: #FECBE0;
}

::selection {
  color:aliceblue;
  background: #FECBE0;
}