a:link {
  color: #0700c2;
  background-color: transparent;
  text-decoration: none;
  
}

  a:visited {
  color:#0700c2;
  background-color: transparent;
  text-decoration: none;
  }
  
  a:hover {
  color: Orange;
  background-color: transparent;
  text-decoration: underline;
  }
  
  
  details{
    
    text-align: center;
    margin-top: 5px;
    
    }
  
  summary:hover{
  color: Orange;
  background-color: transparent;
  text-decoration: underline;
  cursor: pointer;
  
  
  
  
  }



.container{
  
  
  display: flex;
  justify-content: center;
  margin: 100px auto;
  max-width: 1400px;
  min-height: 520px;
  
  
  }
  
  
  .main{
    
    border: solid blue 3px;
    width: 1120px;
    height: 720px;
    padding: 3px;
    background-image: url("/resources/GIFs/azulestrellas.gif");
    
    
    }
    
    .header{
      
      border: solid rgb(255, 64, 136) 3px;
      padding: 3px 10px;
      height: 50px;
      margin: 3px;
       background-image: url("/resources/GIFs/heartgrid.gif");
    
      }
      
      .main-container{
        
         margin: 5px auto;
         padding: 5px;
         width: 1090px;
         height: 640px;
         display: flex;
         justify-content: space-between;
        
        
        }
        
        .grid-container{
          
          width: 850px;
          margin: 10px;
          padding: 10px;
          border: solid rgb(255, 64, 136) 2px;
          display: grid;
          grid-template-columns: 250px 250px 250px;
          grid-template-rows: 400px 400px 400px 400px 400px;
          grid-gap: 30px;
          background-image: url("/resources/GIFs/stars4.gif");
          overflow-x: hidden;
          overflow-y: scroll;
          
          
          }
          
           .side{
        width: 200px;
        height: 630px;
         border: solid rgb(255, 64, 136) 2px;
          background-image: url("/resources/GIFs/flower-bg.gif");
          padding: 3px;

        }
        
         .piece{

         border: solid rgb(255, 64, 136) 2px;
         background-image: url("/resources/Images/rdbg.jpg");
         overflow: hidden;
         overflow-x: hidden;
          overflow-y: scroll;

        }
        
        
        .art{
          
          width: 100%;
          height: auto;
          display: block;
          
          
          
          
          
          }
          
          
          
          
          .description{
            
           
            margin: 5px auto;
            text-align: center;
            
         
            
            
            
            }
          
          .float-left{
          
          float: left;
          
          }
          
          .float-right{
          
          float: right;
          
          }
          
          
          body{
  
  background-image: url("/resources/GIFs/TP-Dark-Blue-Tiles.gif"), url("/resources/Images/Perma-bg-alt.png");
  color: #0700c2;
   font-family: "ADDSBP__.TTF";
  }