/* commons includes: BOX - non size FONT PROPS - COLORS */
/*BOX*/
html {
box-sizing: content-box;
width: 100%;
height: 100%;
height: 100vh;
scroll-behavior: smooth;
}
body {
box-sizing: content-box;
height: 100%;
width: auto;
min-height: 100%;
min-height: 100vh;
overflow-y: scroll;
margin: 0;
padding: 0;
overflow-x: hidden;
}
svg {
display: inline-block;
width: 100%;
height: auto;
x: 1px;
y: 1px;
}
/*non size FONT PROPS*/
svg text {
dominant-baseline: middle;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
body {
line-height: 1.58;
-webkit-font-smoothing: antialiased;
letter-spacing: 0.015em;
word-spacing: 0.001em;
}
/*COLOR*/
body {
color: #010203;
background-color: #f7ffff;
}
.clr_currentcolor {fill: currentcolor;color: inherit;}
.yellow {
color: #D7FF24;
fill: #D7FF24;
}
.pink {
color: #FF00AB;
fill: #FF00AB;
}
.white {
color: #F7FFFF;
fill: #F7FFFF;
}
/*OTHERS*/
.page {
display: block;
width: 100%;
margin-top: 0rem;
margin-right: auto;
margin-bottom: 0rem;
margin-left: auto;
padding-top: 0rem;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
max-width: calc(100% - 0px);
min-height: 100vh;
position: relative;
top: 0%;
right: 0%;
bottom: 0%;
left: 0%;
}
.d_none {display: none!important;}
a {color: currentcolor;}
.font_size_clamp_rem {
font-size: clamp(2.8rem, 12rem, 10vw);
}
.font_size_clamp_em {
font-size: clamp(2.8em, 12em, 7vw);
}