body{font-family:'Mojangles',sans-serif;padding-bottom:60px;padding-bottom: 4rem;background-color:#eaeaea;margin:0;padding:0;color:#333;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;}
h1{margin:0;display:flex;align-items:center;width:auto;white-space:nowrap;}
.logo-container{display:flex;align-items:center;position:relative;}
.logo{width:225px;display:flex;align-items:center;height:auto;border-radius:4px;position:relative;}
main{flex:1;padding:20px;margin-top:0;}
section{margin-bottom:20px;}
h2,.h2{color:black;}
button{background-color:#1a1a1a;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-family:'Mojangles';z-index:9999;}
button:hover{background-color:#323232;}
:root[data-theme="dark"]{body{background-color:#1a1a1a;color:#f5f5f5;}header{background-color:#1c2a34;}h2,.h2{color:white;}button{background-color:#eaeaea; color: #000;}button:hover{background-color:#323232;}}
@media(max-width:768px)and(orientation:portrait){header{flex-direction:column;align-items:center;justify-content:center;}.logo-container{flex-direction:column;align-items:center;}.logo{width:180px;}.hiddenItem{visibility:hidden;color:gray;background-color:gray;}}
@media(max-width:768px)and(orientation:landscape){header{flex-direction:row;justify-content:space-between;padding:10px;}.logo{width:150px;}main{padding:15px;}}
header{background-color:#2c3e50;height:50px;width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-sizing:border-box;flex-wrap:nowrap;}
.icon-left,.icon-right{display:flex;gap:10px;align-items:center;height:100%;}
.icon-left{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.icon-left::-webkit-scrollbar{display:none;}
.nav-icon,.account-icon, logo-icon{width:30px;height:30px;cursor:pointer;transition:transform .2s ease;filter:brightness(0) invert(1);}
.logo-icon{width:30px;height:30px;cursor:pointer;transition:transform .2s ease;}
.nav-icon:hover,.account-icon:hover{transform:scale(1.2);}
.linkbox{gap:10px;align-items:center;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px;}
.linkimg{width:50px;height:50px;margin-right:5px;}
.invert{filter:invert(1);}
.logo-static{width:30px;height:30px;}
.nav-item{display:flex;align-items:center;cursor:pointer;}
.account-icon{display:flex;align-items:center;gap:10px;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px;}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;}
input:checked+.slider{background-color:#2ecc71;}
input:checked+.slider:before{transform:translateX(22px);}
.linkbox .linkimg{display:inline-block;}
.linkbox::-webkit-scrollbar{height:8px;}
.icon-right {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
  max-width: 100%;
  flex-wrap: wrap;
  flex-grow: 1;
}
.linkbox::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;}
.linkbox::-webkit-scrollbar-track{background-color:#f1f1f1;}
#search-section{display:flex;align-items:center;height:100%;flex-grow:1;justify-content:flex-end;}
#search{height:30px;padding:0 10px;font-size:14px;border-radius:5px;border:1px solid #aaa;font-family:'Mojangles';line-height:30px;box-sizing:border-box;}
#hamburger-dropdown {
  position: absolute;
  top: 50px;
  left: 10px;
  background: #2c3e50;
  border: 1px solid #444;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  z-index: 999;
}

#hamburger-dropdown .nav-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
nav {min-height:50px;}
#hamburger-dropdown img {width: 30px;height: 30px;}
.hidden {display: none !important;}
.news-section article {background:#ffffff;}
:root[data-theme="dark"] .news-section article {background:#323232;}