#myBtn {
        display: none; /* Hide the button by default */
        position: fixed; /* Fixed/sticky position */
        bottom: 20px; /* Place the button at the bottom of the page */
        right: 30px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
        border: none; /* Remove borders */
        outline: none; /* Remove outline */
        background-color: #35396d; /* Set a background color */
        color: white; /* Text color */
        cursor: pointer; /* Add a mouse pointer on hover */
        padding: 15px; /* Some padding */
        border-radius: 10px; /* Rounded corners */
    }

    #myBtn:hover {
        background-color: #555; /* Add a dark-grey background on hover */
    }     
        
     

        
        /* Custom hover animation for site title */
        .site-title {
           
            font-family: 'Nunito', sans-serif;
            
           
            
            
            
            font-weight: bold;
           
            transition: color 0.5s, transform 0.5s;
           
        }

        .site-title:hover {
            color: #ABABAB;
            transform: scale(1.1); 
            
        }
            

        /* Adjust spacing and layout */
        .social-icons a {
            
            color: #lightgrey;
            transition: color 0.3s;
        }

        .social-icons a:hover {
            color: #007bff; 
        
        }
            .social-icons :hover {
           color: #007bff; 
            transform: scale(1.6);
        }

        
            .nav-item:hover {
                
               
                     transform: scale(1.05);
        }






/* Basic styling for the navbar */
    .navbar {
       
     background-color: #35396d;
        transition: background-color 0.3s ease;
      backdrop-filter: blur(10px); /* Adds a slight blur for better readability */
    
      
     }



    .navbar a {
         
      text-decoration: none; /* Removes underline */
     
     
      font-weight: bold; /* Makes the text bold */
    }

   

   // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() {scrollFunction()};

    function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("myBtn").style.display = "block";
        } else {
            document.getElementById("myBtn").style.display = "none";
        }
    }

    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
        document.body.scrollTop = 0; // For Safari
        document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
    }


 

    /* Sticky white background */
    .navbar-white {
       
      background-color: #ffffff !important;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for sticky effect */
    }


.navbar-blue {
   
     background-color: #35396d;
        transition: background-color 0.3s ease;
      backdrop-filter: blur(10px); /* Adds a slight blur for better readability */
    
        
    }



 .adsense-container {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            text-align: center;
        }