*{box-sizing:border-box;padding:0;margin:0}html{height:100%}body{min-height:100%;line-height:1.5}body header,body main,body footer{padding-inline:25px}ul{list-style-type:none}ul>li:not(:last-child){margin-right:40px}li{display:inline-block}a{text-decoration:none}img{width:100%;height:100%;object-fit:cover}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;text-transform:capitalize;font-size:1.15rem;background-color:#fff1e0}header>.logo-icons{display:flex;gap:25px}header>.logo-icons>div:first-child .hamburger{display:flex;flex-direction:column;gap:6px;position:relative;top:10px;right:2px;cursor:pointer}header>.logo-icons>div:first-child .hamburger>span{width:35px;height:3px;background-color:#000}header>.logo-icons>div:first-child .close{color:#fff;font-size:1.4rem;background-color:#000;width:40px;height:30px;line-height:30px;text-align:center;border-radius:2px;position:relative;bottom:-5px;right:2px;cursor:pointer}header>.logo-icons>div:first-child .hamburger.hidden,header>.logo-icons>div:first-child .close.hidden{display:none}header>.logo-icons>div:last-child{width:100px;height:40px;line-height:40px;text-align:center;background-color:#000;color:#fff;border-radius:6px}header a{color:#000;transition:color .3s ease}header a:hover{color:#3498db}header a.active{text-decoration:1px underline black;text-underline-offset:2px}header a.active:hover{color:#000}@media(max-width:1100px){header{position:relative}header nav{position:absolute;top:90px;left:0;background-color:#fff1e0;padding:8px;border:1px solid black}header nav.hidden{display:none}header nav ul{display:flex;flex-direction:column;gap:15px}}@media(prefers-color-scheme:dark){header{background-color:#2b2b2b}header .logo-icons>div:first-child .hamburger>span{background-color:#f5f5f5}header nav{background-color:#2b2b2b}header nav a{color:#ffcc80}header nav a:hover{color:#ff9800}header nav a.active{text-decoration:1px underline gold}header nav a.active:hover{color:#ffcc80}}body{display:flex;flex-direction:column;background-color:#f5f5f5}body h1,body h2,body h3{color:#000}body p{color:#333}@media(prefers-color-scheme:dark){body{background-color:#1c1c1c}body h1,body h2,body h3{color:#fff}body p{color:#e0e0e0}}main{flex:1}footer{display:flex;justify-content:center;align-items:center;gap:6px;font-size:1.15rem;height:60px;background-color:#fff1e0}footer>p:first-letter{text-transform:uppercase}footer>p{color:#333}footer a{color:#000;font-style:normal}@media(prefers-color-scheme:dark){footer{background-color:#2b2b2b}footer p{color:#e0e0e0}footer a{color:#ffcc80}}