/* 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;
}