@font-face {
    font-family: BMW;
    src: url('../assets/fonts/BMWTypeNextCondensedPro-Regular.otf');
}

.taskbar {
        font-family: BMW;
        background-color: transparent;
        position: fixed;
        top: 0;
        left: 20px;
        padding: 10px;
        display: flex;
        align-items: center;
        z-index: 999; 
        border-radius: 10px;
    }
    

.dropbtn {
    font-family: BMW;
    background-color: transparent;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 10px;
    text-decoration: none;
}

    
    .dropdown {
        position: relative;
        display: inline-block;
        margin-right: 20px;
        margin-left: 20px;
        border-radius: 10px;
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        min-width: 160px;
        z-index: 1;
        opacity: 0;
        border-radius: 10px;
        transition: opacity 0.3s ease, background-color 0.3s ease;
    }
    
.dropdown-content a {
    color: white;
    padding: 10px;
    text-decoration: none;
    display: block;
    border-radius: 10px;
}
    
    .dropdown:hover .dropdown-content {
        display: block;
        opacity: 1;
        border-radius: 10px;
        
    }
    
.dropdown-content a:hover {
    background-color: #ddd;
    border-radius: 10px;
}
    .dropdown:hover .dropdown-content {
        display: block;
        border-radius: 10px;
    }
    
    .dropdown:hover .dropbtn {
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 10px;
    }
    
    .taskbar img {
        margin-left: 20px;
        height: 36px;
        cursor: pointer;
    }