/* commons includes: BOX - non size FONT PROPS - COLORS */
/*BOX*/
html {
box-sizing: content-box;
width: 100%;
height: 100%;
height: 100vh;
scroll-behavior: smooth;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
body {
box-sizing: content-box;
width: 100%;
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
min-height: 100vh;
overflow-x: hidden;
letter-spacing: 0.015em;
word-spacing: 0.001em;
overflow-y: scroll;
line-height: 1.58;
-webkit-font-smoothing: antialiased;
color: #010203;
background-color: #f7ffff;
}
.big_box {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: center;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 5vh;
max-width: calc(44rem - 0px);
}
.r {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: center;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: 16px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 5vh;
max-width: calc(44rem - 16px);
}
.u {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: center;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 5vh;
max-width: calc(44rem - 16px);
}
ul {
max-width: calc(100% - 48px);
}
h1, h2, h3 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
/* margin-top: 0; */
margin-right: auto;
margin-bottom: 0;
margin-left: 16px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
min-height: 5vh;
max-width: calc(44rem - 16px);
}
.b {
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0.5rem;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
max-width: 100%;
}
strong {
font-size: 0.9em;
}
.pink {
color: #FF00AB;
fill: #FF00AB;
}
a {color: #FF00AB;}
/*CONTACT*//*CONTACT*//*CONTACT*/
@media only screen and (max-width: 767px) {
#auth-id {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: end;
width: 100%;
margin-top: auto;
margin-right: auto;
margin-bottom: 0;
margin-left: 0px;
padding-top: 0rem;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
max-width: calc(100% - 0px);
font-size: 1em;
text-align: center;
min-height: 10vh;
align-self: end;
}
.copyright_symbol_n_year_span {
display: block;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0rem 0rem 0rem 0rem;
height: auto;
}
.copyright_brand_name_wrapper {
display: block;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0rem 0rem 0rem 0rem;
height: auto;
}
}
/*MOBILES⬆︎⬆︎⬆︎*/
/*DESKTOP⬇︎⬇︎⬇︎*/
@media only screen and (min-width: 768px) {
#auth-id {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: end;
width: 100%;
margin-top: auto;
margin-right: auto;
margin-bottom: 0;
margin-left: 0px;
padding-top: 0rem;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
height: auto;
max-width: calc(100% - 0px);
font-size: 1em;
text-align: center;
min-height: 10vh;
align-self: end;
}
.copyright_symbol_n_year_span {
display: block;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0rem 0rem 0rem 0rem;
height: auto;
}
.copyright_brand_name_wrapper {
display: block;
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0rem 0rem 0rem 0rem;
height: auto;
}
}