/*

Software Engineer: Roger De Four
Date: 2025-08-15 15:36
Description : I created this CSS file - as a bug had prevented the other one from being read properly


*/


 /* Color Theme Swatches in Hex 
        
        I created this in Adobe Color Wheel
        2025-08-07 22:17 to foloow advised design systems principle of not adding 
        too much color - it may confuse end users
        */
            .RSS-color-patter-v2-1-primary{ color: #212121; }
            .RSS-color-patter-v2-5-secondary { color: #A19F30; }
            .RSS-color-patter-v2-4-tertiary { color: #3075A1; }
            .RSS-color-patter-v2-3-fourth { color: #763737; }

            .RSS-color-patter-v2-background-1-primary{ background-color: #212121; }
            .RSS-color-patter-v2-background-5-secondary { background-color: #A19F30; }
            .RSS-color-patter-v2-background-4-tertiary { background-color: #3075A1; }
            .RSS-color-patter-v2-background-3-fourth { background-color: #763737; }
            
            
            /*added: 2025-08-12 08:55 -- to adhere to my new color pallette*/
            
            
            
            body {
            background: #f8fafc;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 16px; /* A reasonable base font size */
        }
        header, footer {
            background: #363636;
            color: #fff;
            padding: 1.5rem 0;
        }
        .brand-logo {
            width: 60px;
            border-radius: 50%;
            background: #fff;
            margin-right: 1rem;
        }
        .hero {
            background: linear-gradient(90deg, #303f9f 65%, #1976d2 100%);
            color: #fff;
            padding: 3rem 1rem;
            border-radius: 0 0 32px 32px;
            position: relative;
        }
        .feature-icon {
            width: 80px;
            margin-bottom: 1rem;
            border-radius: 16px;
        }
        .contact-section {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 6px 24px rgba(80,80,120,0.07);
            padding: 2.5rem 1.5rem;
            margin-top: 2rem;
        }
        .js-success-fade {
            animation: fadeOut 2s 2s forwards;
        }
        @keyframes fadeOut {
            to { opacity: 0; }
        }
            
            
            
            
            
        a:link{
            color:  #A19F30 ;
        }
        
        a:hover {
            background-color:  #3075A1; 
            color: #763737;
        }
        
        a:visited {
            color: rebeccapurple;
        }
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 1.5rem;
  }
  
  h2 {
      font-size:1.25rem;
  }
  
  h3 {
      
      font-size:1.125rem ;
  }
  
  
  
  h4 {
      font-size:1rem ;
  }
  
  
  h5 {
      font-size:0.875rem; 
  }
  
  h6 {
       font-size:0.75rem;
  }
  
  p {
      font-size:0.875rem ;
  }
  
  pre{
      font-size:0.75rem ;
  }
}



@media screen and (min-width: 769px){
  body {
    font-size: 16px;
  }
  h1 {
    font-size: 2rem;
  }
  
  h2 {
      font-size:1.75rem;
  }
  
  h3 {
      
      font-size:1.5rem ;
  }
  
  
  
  h4 {
      font-size:1.25rem ;
  }
  
  
  h5 {
      font-size:1rem; 
  }
  
  h6 {
       font-size:0.875rem;
  }
  
  p {
      font-size:0.9375rem ;
  }
  
  pre{
      font-size:0.875rem ;
  }
}
@media screen and (min-width: 1024px) {
 body {
    font-size: 18px;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
      font-size:2rem;
  }
  
  h3 {
      
      font-size:1.75rem ;
  }
  
  
  
  h4 {
      font-size:1.5rem ;
  }
  
  
  h5 {
      font-size:1.25rem; 
  }
  
  h6 {
       font-size:1rem;
  }
  
  p {
      font-size:1rem ;
  }
  
  pre{
      font-size:0.875rem ;
  }
  
  
  
  
  
}

/*# sourceMappingURL=output.css.map */