/* styles.css */

/* Common styles */



/* Media query for mobile devices buat hpppppp */
@media (max-width: 768px) {

    .header-atas{
        
        background-color: #007bff;
        height: auto;
        width: 100%;
        padding: 0;
        margin: 0;
        /* border-radius: 0 0 100% 100%; */
        transition: transform 0.5s ease; /* Add this line for smooth animation */
        }
        
        .header {
        background-color: #ffffff;
        /* border-radius: 10px; */
        text-align: center;
        /* padding: 3px; */
        padding: 0;
        margin: 0;
        width: 100%;

        }
        
        .navbar {
        padding: 0;
        }
        
        .navbar-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        }
        
     
        
        .nav-link {
        /* color: #fff; */
        text-decoration: none;
        }
        
        }
        

/* Media query for desktop devices */
@media (min-width: 769px) {

.header-atas{
background-color: #007bff;
height: auto;
width: 100%;
border-radius: 0 0 100% 100%;
transition: transform 0.5s ease; /* Add this line for smooth animation */
}

.header {
background-color: #ffffff;

border-radius: 10px;
text-align: center;
padding: 3px;
}

.navbar {
padding: 0;
}

.navbar-nav {
margin: 0;
padding: 0;
list-style: none;
}

.nav-item {
margin-right: 15px;
}

.nav-link {
/* color: #fff; */
text-decoration: none;
}

}