html.no,
.no body {
background: #1280FF;
}
html.yes,
.yes body {
background: #002958;
}
img {
width: 100%;
height: auto;
}
svg {
width: 100%;
height: auto;
border-width: thin;
border-color: #0000AA;
border-style: solid;
}
div.fixed {
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
div.overlay {
position: fixed;
top: 0;
left: 0;
z-index: 0;
}
@font-face {
font-family: "Bau";
src: url("assets/BauWebPro.woff") format("woff"),
url("assets/BauWebPro.eot");
font-style: normal;
font-weight: normal;
}
.tdiv {
position: fixed;
width: 100%;
height: auto;
top: calc((100% - 620px)/2);
left: 0;
text-align: center;
z-index: 1;
cursor: pointer;
font-family: Bau, Arial, Serif;
font-size: 36px;
line-height: 40px;
}
.tdiv a,
.tdiv a:hover,
.tdiv a:active {
color: #fff;
text-decoration: none;
}
.idiv {
position: fixed;
width: 100%;
max-width: 1134px;
bottom: 0;
left: calc(50% - 567px);
}
.guideline {
font-size: 18px;
line-height: 1.6;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-top: 3rem;
max-width: 48rem;
}
@media (max-width: 1134px) {
.idiv {
left: 0%;
}
.idiv img {
object-fit: cover;
height: 520px;
}
}
@media (max-width: 768px) {
.tdiv {
font-size: 24px;
line-height: 32px;
}
.idiv {
max-width: 100%;
left: -26%;
}
.idiv img {
height: auto;
width: 152%;
}
.guideline {
font-size: 16px;
}
}
![]()