website/japan/styles/grid.css.old

/* grid for japan.html */

.landing {
    display: grid;
	position: relative;
    grid-template-columns: 60px auto 60px;
    grid-template-rows: 60px 55vh 40vh 60px;
    grid-template-areas: 
        "heading  . signature"
        ". nihon ."
        ". . ."
        "nav nav nav"
}

.heading {
    grid-area: heading;
	position: absolute;
	top: 36px;
	left: 36px;
	font-weight: 700;
	font-size: 18px;
}

.signature {
    grid-area: signature;
    position: absolute;
	top: 36px;
	right: 36px;
	font-weight: 700;
	font-size: 18px;
}

.nihon {
    grid-area: nihon;
    text-align: center;
	padding-top: 30vh;
}

nav {
    grid-area: nav;
}

/* grid for language.html */
.landing1 {
	font-family: segoe-ui_normal,Segoe UI,Segoe,Segoe WP,Helvetica Neue,Helvetica,sans-serif;
	display: grid;
	grid-template-areas: 
    "header header header"
    "nav section aside"
    "footer footer footer";
	grid-template-rows: 80px auto 50px;
	grid-template-columns: 80px auto 80px;
	grid-gap: 5px;
 	/* height: 100vh; */
  	margin: 10px;  
}

.heading {
	grid-area: heading;
}

.sidebar {
	grid-area: sidebar;
}

main {
  	grid-area: main;
}

nav {
	grid-area: nav;
	position: absolute;
	left: 590px;
	bottom: 200px;
}