*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#f44336;--secondary:#ffcc00;--blue:#007acc;--neutral:#f5f5f5;--text:#333;--highlight:#1b00cc;--background:#ffffff}html{font-size:16px}body{font-family:Arial,sans-serif;padding:1rem;display:grid;grid-template-columns:1fr;grid-template-areas:"header" "nav" "main" "aside" "section" "article" "footer";gap:1rem;background-color:var(--background);color:var(--text)}h1,h2,h3{margin-bottom:.5rem;line-height:1.2}p{margin-bottom:1rem;line-height:1.6}.wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}img{max-width:100%;height:auto;display:block}header{grid-area:header;background-color:var(--primary);color:#fff;padding:1rem;border-radius:8px}.site-title{color:#fff;text-decoration:none}.site-title:hover{text-decoration:underline}nav{grid-area:nav;padding:1rem;border-radius:8px}.bg-img{background-image:url(./images/onepiece-banner.jpg);min-height:380px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.container{position:absolute;margin:20px;width:auto}nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}nav li{margin:0}nav a{text-decoration:none;color:#fff;background-color:#f44336;padding:.3rem 3rem;border-radius:1px;text-shadow:2px 2px 2px #000;font-weight:700;transition:color .3s ease,transform .2s ease}nav a:hover{color:var(--secondary);transform:scale(1.5)}nav .current{font-weight:700;color:var(--secondary);cursor:default;pointer-events:none}main{grid-area:main;background:#eee;padding:1rem;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.main-image{width:100%;max-width:600px;height:auto;display:block;margin:1rem auto;border-radius:8px}aside{grid-area:aside;background:var(--neutral);padding:1rem;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.aside-image{width:100%;max-width:600px;height:auto;display:block;margin:1rem auto;border-radius:8px}section{grid-area:section;background:#fafafa;padding:1rem;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 5px rgb(0 0 0 / .05)}.section-image{width:100%;max-width:600px;height:auto;display:block;margin:1rem auto;border-radius:8px}article{grid-area:article;background:#fcfcfc;padding:1rem;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 5px rgb(0 0 0 / .05)}footer{grid-area:footer;background:var(--neutral);padding:1rem;text-align:center;border-radius:8px;border:1px solid #ddd}@media (min-width:600px){html{font-size:17px}body{grid-template-columns:repeat(2,1fr);grid-template-areas:"header nav" "main main" "aside section" "article article" "footer footer"}}@media (min-width:900px){html{font-size:18px}body{grid-template-columns:repeat(3,1fr);grid-template-areas:"header header nav" "main main main" "aside section article" "footer footer footer"}}@media (min-width:1200px){html{font-size:19px}body{grid-template-columns:repeat(4,1fr);grid-template-areas:"header nav nav nav" "aside main section article" "footer footer footer footer"}}