* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }


.navbar {
  display: flex; align-items: center; gap: 1rem;
  padding: .75rem 1rem; background: #cf6969; color: #fff;
  position: fixed;
  width: 100%; 
}
.brand { color: #fff; text-decoration: none; font-weight: 700; }


.nav-toggle {
  margin-left: auto;
  background: #1f2937; color: #fff; border: 1px solid #374151;
  padding: .5rem .75rem; border-radius: .5rem; cursor: pointer;
  display: none;
}


.menu {
  list-style: none; margin: 0; padding: 0;
  display: flex; gap: .5rem; margin-left: 200px;
}
.menu > .menu-item > a {
  display: block; padding: .5rem .75rem; border-radius: .5rem;
  color: #e5e7eb; text-decoration: none;
}
.menu > .menu-item > a:hover { background: #374151; color: #fff; }


.has-submenu { position: relative; }
.submenu {
  list-style: none; margin: 0; padding: .5rem;
  position: absolute; top: 100%; left: 0; min-width: 220px;
  background: #1f2937; border: 1px solid #374151; border-radius: .75rem;
  display: none; z-index: 20;
  box-shadow: 0 10px 20px rgba(0,0,0,.25);
}
.submenu > li > a {
  display: block; padding: .5rem .75rem; border-radius: .5rem;
  color: #e5e7eb; text-decoration: none; white-space: nowrap;
}
.submenu > li > a:hover { background: #374151; color: #fff; }


.has-submenu:hover > .submenu,
.has-submenu:focus-within > .submenu { display: block; }


.submenu .has-submenu { position: relative; }
.submenu .has-submenu > .submenu {
  top: 0; left: 100%; margin-left: .5rem;
}


.has-submenu > a::after {
  content: "▾"; margin-left: .35rem; font-size: .8em; opacity: .7;
}
.submenu .has-submenu > a::after {
  content: "▸"; margin-left: .35rem;
}


@media (max-width: 900px) {
  .nav-toggle { display: inline-block; }
  .menu {
    position: absolute; top: 100%; left: 0; right: 0;
    background: #111827; border-top: 1px solid #374151;
    flex-direction: column; gap: 0; display: none; padding: .5rem;
  }
  .menu.show { display: block; }
  .menu > .menu-item > a { padding: .75rem 1rem; }

 
  .has-submenu > .submenu {
    position: static; display: none; border: 0; background: transparent;
    box-shadow: none; padding-left: 1rem; margin: .25rem 0 .5rem;
  }
  .has-submenu.open > .submenu { display: block; }
  .submenu > li > a { padding: .5rem 0; }
}


h1{
  margin-top: 0px;
}


::-webkit-scrollbar{

  width: 8px;
  
}

::-webkit-scrollbar-button{

  display: none;
}
::-webkit-scrollbar-thumb{

  background-color: grey;
  border-radius: 8px;
}
::-webkit-scrollbar-track{
  background-color: #ede7e7;
}
button{
  width: 100%;
  background: #ede7e7;
  border: red;
  margin-left: 0px;
  margin-bottom: -20px;

  }
  img{
  width: 100%;
  height: 450px;
}


    marquee{
    margin-top: 0px;
    position: fixed;
        font-size: 14px;
        color: white;
        }