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;
  }
  
  button{
    border: solid rgb(255, 64, 136) 2px;
    color: #0700c2;
    font-family: "Lucida Console";
    }
    
    
    h1{
      
      
      font-size: 20px;
      }
    

.container{
  
  max-width: 1500px;
  min-height: 100px;
  
  margin: 20px auto;
  display: flex;
  justify-content: center;
   
  }
  
  
  .main{
    
   padding: 2px;
    max-width: 850px;
    min-height: 500px;
    border: solid blue 5px;
    background-image: url("/resources/GIFs/stars4.gif");
    
    
    }
    
  .side{
     
      width: 250px;
      height: 900px;
      
    }
    
    
    .header{
      margin: 5px auto;
      max-width: 830px;
      height: 50px;
      border: solid rgb(255, 64, 136) 4px;
      border-radius: 10px;
     background-color: NavajoWhite;
     text-align: center;
     font-size: 20px;
      background-image: url("/resources/Dividers/hangingstars.gif");
      }
      
      
      .blinkie-marquee{
         max-width: 830px;
          margin: 5px auto;
      height: 20px;
     border: solid rgb(255, 64, 136) 4px;
       background-image: url("/resources/GIFs/azulestrellas.gif");
        
        
        }
        
        
      .mid-container{
            margin: 5px auto;
           max-width: 840px;
      min-height: 400px;
     
      display: flex;
      justify-content: space-between;
          
          
          }
          
     .intro{
            
        max-width: 600px;
        height: 400px;
        margin: 3px;
        padding: 3px;
        border: solid rgb(255, 64, 136) 2px;
            
            background-color: NavajoWhite;
            
            }
            
            .side-main{
               max-width: 300px;
        height: 400px;
        margin: 3px;
        padding: 3px;
        border: solid rgb(255, 64, 136) 2px;
       background-color: NavajoWhite;
       
              
              }
              
              
              .stamp-marquee{
                
                max-width: 100%;
        height: 40px;
        margin: 3px auto;
        padding: 30px 10px;
        border: solid rgb(255, 64, 136) 2px;
                  background-color: rgb(255, 64, 136);
                 background-image: url("/resources/GIFs/azulestrellas.gif");
                 
                }
                
          .grid-container{
            margin: 2px;
            padding: 4px;
            max-width: 100%;
      min-height: 500px;
      background-image: url("/resources/GIFs/dra212.gif");
            display: grid;
            grid-template-columns: 290px 290px auto;
             grid-template-rows: 200px 290px;
            grid-gap: 10px;
            
            
            }
            
            
            .news{
              border: solid rgb(255, 64, 136) 2px;
                background-color: black;
              
              }
            
            
            
            .wisdom{
              
              
               border: solid rgb(255, 64, 136) 2px;
               background-color: NavajoWhite;
              
               
               }
               
               .billy{
                 background-color: NavajoWhite;
                 border: solid rgb(255, 64, 136) 2px;
                  grid-column: 3;
                  grid-row: 1 / span 2;
                 }
                 
                 .img-of-week{
                  
                    background-color: NavajoWhite;
                   border: solid rgb(255, 64, 136) 2px;
                     grid-row: 2;
                     grid-column: 1 / span 2;
                      display: flex;
                     justify-content: space-between;
                     
                    
                     
                   }
                   
                   
                   .wisdom-box{
                     
                     width: 94%;
                     height: auto;
                    /* border: solid blue 3px;*/
                      padding: 5px;
                    /*  background-image: url("/Images/rdbg.jpg");*/
                     
                     }
                   
                   
          .castiel{
            display: block;
            width: 270px; /* OG 700px */
            height: auto;
           margin: 15px auto;
              border: solid rgb(255, 64, 136) 2px;
            }
            
            .footer{
               max-width: 100%;
      height: 100px;
      border: solid rgb(255, 64, 136) 2px;
        background-color: NavajoWhite;  
      
              
              }
              
              
              
              .float-left{
                
                display: block;
                float: left;
                
                }
                .float-left-2{
                  
                  display: block;
                float: left;
                margin: 0px 10px;
                  
                  }
                
                
                .float-right{
                
                display: block;
                float: right;
                
                }
                
                
                .nav{
                   background-color: NavajoWhite;
                  width: 180px;
                  min-height: 280px;
                   border: solid rgb(255, 64, 136) 5px;
                   margin: 180px 10px 20px 40px;
                /*  overflow-x:hidden;*/
                 /* overflow-y: scroll;*/
                  text-align: center;
                  
                  
                  
                  }
                  
                   .links{
                   background-color: NavajoWhite;
                  max-width: 170px;
                  min-height: 150px;
                   border: solid rgb(255, 64, 136) 5px;
                   margin: 50px 10px 20px 40px;
                   justify-content: center;
                   text-align: center;
                  padding: 3px;
                  
                  
                  
                  }
                  
                  
                  
                  
                   .updates{
                   background-color: NavajoWhite;
                  width: 180px;
                  height: 300px;
                    border: solid rgb(255, 64, 136) 5px;
                   margin: 200px 40px 20px 10px;
                 
                  
                  
                  }
                  
                  .to-do{
                   background-color: NavajoWhite;
                  width: 180px;
                  height: 300px;
                    border: solid rgb(255, 64, 136) 5px;
                   margin: 50px 40px 20px 10px;
                 
                  
                  
                  }
                  
                  .scroll-container{
                     
                     height: 220px;
                    border: solid blue 3px;
                     margin: 3px;
                     padding: 6px;
                     overflow-x: hidden;
                  overflow-y: scroll;
                    background-image: url("/resources/GIFs/heartgrid.gif");
                    }
                  
                  
                  .blink {
                animation: blinker 2s linear infinite;
                color: #0700c2;
                
                
            }
             @keyframes blinker {
                50% {
                    color: rgb(255, 64, 136);
                }
            }
                  
                  
          .logo{
            display: block;
            margin: 100px auto 0 auto;
            
            
            
            }
            .sammy{
               display: block;
            position: absolute;
            right: 12%;
            top: 120px;
            width: 250px;
            height: auto;
              
              }
              
              .otto{
                display: block;
            position: absolute;
            left: 12%;
            top: 120px;
            width: 250px;
            height: auto;
                
                
                }
                
                .flower-1{
                  
                  display: block;
            position: absolute;
            left: 460px;
            top: 820px;
            width: 7%;
            height: auto;
                  
                  
                  }
                  
                  
                  .flower-2{
                    
                    display: block;
            position: absolute;
            right: 470px;
            top: 870px;
            width: 5%;
            height: auto;
                    
                    
                    }
                   .flower-3{
                  
                  display: block;
            position: absolute;
            right: 400px;
            top: 460px;
            width: 10%;
            height: auto;
                   transform: scaleX(-1);
                   
                  
                  }
                  
                  .table{
                    
                    
                     border: solid blue 3px;
                     text-align: center;
                     margin: 3px;
                     padding: 6px;
                    }
                    
                    
                    .news-img{
                      
                      width: 100%;
                      height: auto;
                      display: block;
                      
                      
                      }
                      
                      .img-of-week-img{
                        
                        height: 95%;
                        width: auto;
                        display: block;
                        border: solid blue 3px;
                        
                        margin: 5px;
                       
                        
                        }
                        
                        
                        .news-feed{
                          
                          width: 100%;
                          height: 20px;
                          background-color: black;
                          color: yellow;
                         
                          
                          }
                          
                          .image{
                            
                            display: block;
                           width: 98%;
                           height: auto;
                            border: solid blue 3px;
                            
                            }
                            
                             .wisdom-img{
                        
                        height: 90%;
                        width: auto;
                        display: block;
                        border: solid blue 3px;
                        
                        
                        }
                        
                        
            .micro-blog{
              
              width: 89%;
              height: 150px;
               border: solid blue 3px;
               background-image: url("/resources/GIFs/flower-bg.gif");
               margin-bottom: 5px;
              padding: 5px 10px;
              
              
              }   
              
              .stupid-border{
                
                 border: solid blue 3px;
                
                }
                
                
                .guestbook{
                  
                  
                  text-align: center;
                  width: 277px;
                  height: 272px;
                  margin: 5px;
                  border: solid blue 3px;
                   background-image: url("/resources/GIFs/flower-bg.gif");
                  
                  
                  }
                  
                  .guestbook-img{
                    
                    width: 250px;
                    height: auto;
                    margin: 30px 30px;
                    
                    }
                    
                    .magician{
                      
                      
                      display: block;
                      position: fixed;
                      right: 1%;
                      bottom: 1%;
                      width: 13%;
                      height: auto;
                      
                      }
                      .yugi{
                        
                         display: block;
                      position: fixed;
                      left: 1%;
                      bottom: 1%;
                      width: 17%;
                      height: auto;
                        
                        }
          
          
          
          body{

 
  background-image: url("/resources/GIFs/TP-Dark-Blue-Tiles.gif"), url("/resources/Images/Perma-bg-alt.png");
  font-family: "dreamwish"; 
font-family: "ADDSBP__.TTF";
   font-family: "Mario-Kart-DS";
   font-family: "ADDSBP__.TTF";
color: #0700c2;
  
    
   
   }