@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";.main-menu-container{font-family:Rubik,sans-serif;padding:10px 1rem}.main-menu{list-style:none;margin:0;padding:10px;display:flex;justify-content:flex-start}.menu-item{position:relative;padding:0 15px}.menu-item a{color:red;text-decoration:none;font-weight:700;font-size:1.2rem;padding:10px;display:block;transition:color .3s ease}.menu-item a:hover{text-decoration:underline}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;background-color:#000;color:red;padding:15px 25px;font-size:1.4rem;border-radius:5px}.dropdown-toggle:hover{opacity:.8}.dropdown-arrow{margin-left:5px;font-size:.8rem;transition:transform .3s ease}.dropdown-menu{list-style:none;margin:0;padding:10px 0;background-color:#000;border:1px solid #ff0000;position:absolute;top:100%;left:0;width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:1000}.dropdown-menu li a{padding:8px 15px;font-size:1rem;font-weight:400;white-space:nowrap}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}@media (min-width: 481px){.main-menu{flex-direction:row;align-items:center}.dropdown-menu{position:absolute;width:200px}}@media (max-width: 480px){.main-menu-container{padding:10px}.main-menu{flex-direction:column;align-items:flex-start}.menu-item{width:auto}.dropdown-toggle{justify-content:space-between;width:100%}.dropdown-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;padding:0;transform:translateY(100%);transition:transform .3s ease}.dropdown-menu.active{transform:translateY(0)}.dropdown-menu li{width:100%;text-align:center;border-bottom:1px solid #ff0000}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{padding:20px;font-size:1.5rem;color:red}}