.dark iframe:hover {
        border: 2px solid white;
        border-radius: 20px;
    }

.light iframe:hover {
        border: 2px solid black;
        border-radius: 20px;
        }

body {
            transition: opacity 0.5s ease-in-out;
        }

        .fade-out {
           /* opacity: 0; */
        }

.dark {
            background-color: #2B2B2B;
            color: white; 
            
           
        }

.dark .topbar {
    font-size: 24px;
    padding: 20px 40px;
    background-color: #242424;
    color: black;
    border: none;
    border-radius: 0px;
    
}

body {
        transition: 0.5s ease;
}

.light .topbar {
    font-size: 24px;
    padding: 20px 40px;
    background-color: #DDDFDF;
    color: black;
    border: none;
    border-radius: 0px;
    
}