body,html {
margin: 0;
padding: 0;
background-color: #eee;
font-family: arial; font-size: 4vmin;
overflow-x: hidden;
}

a {
 text-decoration: none;
}

div.main {
position: absolute;
top: 18vmin;
left: calc(50vw - 50vmin);
width: 96vmin;
padding: 0 2vmin 0 2vmin;
text-align: center;
}

div.newsbox {
text-align: left;
}

img.logo {
width: 80vmin;
position: absolute;
top: 1vmin;
left: calc(50vw - 40vmin);
}

img.logoshade2 {
width: 153.6vmin;
opacity: 0.1;
position: absolute;
top: -18vmin;
left: calc(50vw - 76.8vmin);
}

img.banner {
width: 75%;
aspect-ratio: 728 / 90;
}

img.comic {
width: 100%;
}

img.button {
width: 15%;
aspect-ratio: 1 / 1;
image-rendering: pixelated;
}

img.newsad {
width: 33.33%;
aspect-ratio: 4 / 3;
float: right;
}