.container{
        display:grid;
        width:900px;
        grid-template-columns: auto auto auto auto;
        grid-template-areas: 
                "header header header header"
                "nav nav nav nav"
                "main main main main"
                "article article article article"
                "footer footer footer footer";

        margin: 0 auto;
        }

body{
background: url("/images/graphics/bg_suika.png");
background-attachment: fixed;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-repeat:repeat;
margin:0;
padding:0;
}


header{
overflow:hidden;
width:max-content;
border:1px ridge #000000;
border-radius:8px;
border-top-right-radius: 30px;
padding:5px;
color:#ffffff;
font-family: monospace;
text-transform: uppercase;
background-image:url("/images/graphics/bg_sun.png");
background-size:cover;
background-repeat:repeat-x;
background-position: 50%;
text-align:right;
margin:10px;
justify-content: flex-end;
}

.container{
background:url("/images/graphics/bg_sunrise.png");
}

h1{
background:url("/images/graphics/bg_sunrise.png");
padding:3px;
text-align: center;
border:2px solid black;
}