:root {
--viewportHeight:100vh;
--widthFactor:calc(100vw / 1920);
--heightFactor:calc(100vh / 1080);
}
@supports (height:100dvh) {
:root {
--viewportHeight:100dvh;
}
}
* {
margin:0;
padding:0;
outline:none;
}
html {
position:relative;
width:100%;
height:100%;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
overscroll-behavior-y:none;
background-color:#ffffff;
}
body {
overflow-x:hidden;
position:relative;
width:100%;
height:100%;
overscroll-behavior-y:none;
background-color:#ffffff;
}
img, svg {
display:block;
}
body {
font-family:"Roboto", sans-serif;
font-optical-sizing:auto;
font-weight:500;
font-style:normal;
font-variation-settings:"wdth" 100;
color:#000000;
text-decoration:none;
}
body a {
font-family:"Roboto", sans-serif;
font-optical-sizing:auto;
font-weight:500;
font-style:normal;
font-variation-settings:"wdth" 100;
color:#000000;
display:block;
text-decoration:none;
}
main {
position:relative;
width:100%;
display:flex;
justify-content:center;
}
.mainSection {
position:relative;
width:calc(100vw - (60 * var(--widthFactor)));
height:var(--viewportHeight);
overflow:hidden;
}
.mainSection_logo {
position:absolute;
top:calc(40 * var(--widthFactor));
left:0;
}
.mainSection_logo svg {
width:calc(200 * var(--widthFactor));
height:auto;
}
.mainSection_instagram {
position:absolute;
top:calc(40 * var(--widthFactor));
right:0;
}
.mainSection_instagram svg {
width:calc(30 * var(--widthFactor));
height:auto;
}
.mainSection_comingsoon {
position:absolute;
bottom:0;
left:0;
width:100%;
}
.mainSection_comingsoon svg {
width:100%;
height:auto;
margin-bottom:calc(-66 * var(--widthFactor));
}
.mainSection_claim {
position:absolute;
bottom:calc(300 * var(--heightFactor));
right:calc(350 * var(--widthFactor));
font-size:calc(19 * var(--heightFactor));
line-height:calc(21 * var(--heightFactor));
}
@media screen and (max-width:1920px) {
.mainSection {
width:calc(100vw - 60px);
}
.mainSection_logo {
top:40px;
}
.mainSection_instagram {
top:40px;
}
.mainSection_logo svg {
width:200px;
}
.mainSection_claim {
font-size:19px;
line-height:21px;
}
.mainSection_instagram svg {
width:30px;
}
}