html,body{height:100%;margin:0}body{background-color:#f4f4f4;padding:0;font-family:Arial,sans-serif}#root{flex-direction:column;min-height:100%;display:flex}.header{z-index:1000;background-color:#333;width:100%;padding:10px 0;position:fixed;top:0}.menu{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.name{color:#fff;font-size:1.5em;font-weight:700}.menu-list{justify-content:flex-start;align-items:center;margin:0;padding:0;list-style:none;display:flex}.menu-list-items{margin-right:20px}.menu-list.show{display:flex}.links{color:#fff;font-weight:700;text-decoration:none;transition:color .3s}a.links:hover{color:#1a75cf}.content{text-align:center;flex:1 0 auto;margin:20px;padding-top:60px}.content h1{margin-bottom:20px;font-size:2em}.content p{font-size:1.2em}.dropdown{position:relative}.dropdown-content{z-index:1;background-color:#f9f9f9;min-width:160px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#575757}.site-footer{color:#bbb;text-align:center;background-color:#111;border-top:1px solid #333;padding:10px 0;font-size:14px;left:0}.site-footer a{color:#4a90e2;margin:0 8px;text-decoration:none}.site-footer a:hover{color:#fff}.hamburger{cursor:pointer;color:#fff;font-size:24px;display:none}@media (width<=480px){.menu-list{flex-direction:column;gap:10px}.menu{flex-direction:column;align-items:flex-start}}@media (width<=768px){.hamburger{margin-left:auto;display:block}.menu-list{z-index:1001;background-color:#333;flex-direction:column;padding:10px 0;display:none;position:absolute;top:60px;left:0;right:0}.menu-list a{text-align:left;padding:12px 20px;display:block}.dropdown{position:static}.dropdown-content{background-color:#444;display:none;position:static}.dropdown.open .dropdown-content{display:block}}@media (width<=1024px){.menu-list{gap:18px}}@media (width>=1280px){.menu-list{gap:30px;font-size:18px}}.active{color:#1a75cf;border-bottom:2px solid #1a75cf}.dropdown.open .dropdown-content{display:block}