
                 body {
                   background-color: #FAF3E0;
                   font-family: Arial, sans-serif;
                   text-align: center;
                   font-size: 20px;
                 }
                 
                 h1 {
                   color: #A00000;
                 }
                 
                 .toc {
                   display: flex;
                   flex-wrap: wrap;
                   justify-content: center;
                   gap: 20px;
                   margin-top: 30px;
                 }
                 
                 .item {
                   width: 280px;
                   height: 280px;
                   background: white;
                   border: 2px solid #A00000;
                   border-radius: 10px;
                   padding: 10px;
                   text-decoration: none;
                   color: #A00000;
                   transition: 0.2s;
                 }
                 
                 .item:hover {
                   transform: scale(1.05);
                 }
                 
                 .item img {
                   width: 100%;
                   height: 230px;
                   object-fit: cover;
                   border-radius: 8px;
                 }
                 
                 .item span {
                   display: block;
                   margin-top: 10px;
                   font-size: 18px;
                   font-weight: bold;
                 }
                 
        
               
                
       

