/* Move the login link to the right */
#header .login-link {
position: absolute;
right: 20px; /* Adjust as needed */
top: 10px; /* Adjust as needed */
}
/* Add button/bubble style to the login link */
#header .login-link a {
position: relative;
padding: 10px 20px;
background-color: #3498db; /* Button background color */
color: white; /* Text color */
border-radius: 20px; /* Makes it a bubble */
text-decoration: none; /* Removes underline */
transition: background-color 0.3s ease; /* Transition effect */
}
#header .login-link a:hover {
background-color: #2980b9; /* Button color on hover */
}
/* Adjust the rest of the navigation to accommodate the login link's new position */
#header .nav {
margin-right: 100px; /* Adjust as needed */
}
