@import url("base.css");
/*
*/
:root{
/*----------- FONT VARIABLES (redefine sizes) -------------------*/
--body-font-size:16px; /* 3.175mm */
--body-line-height:20px; /* leading: distance between horizontal lines. 5.8mm, regular is 1.2em */
--heading-font-size:18px;
--heading-line-height:24px; /* */
/*--body-width:360px; /* same size of Samsung Galaxy S9+ CSS units */
--body-width:100vw; /* for dynamic sizing*/
/*/*--body-width:100%; */ /* currently work in my phone */
--body-height:1250px;
/*--body-vertical-margin:3px;*/ /* to see the outline*/
--header-logo-width:270px;
--header-logo-height:45px;
--header-logo-margin-left:calc(calc(var(--body-width) - var(--header-logo-width)) / 2);
--header-logo-margin-top: 50px;
}
/* change values in case of landscape*/
@media screen and (orientation:landscape){
:root{
/*--body-width:740px;*/
--body-height:740px;
}
/*section.intro {
display: none;
}*/
}
html{
padding:0px;
margin:0px;
}
body {
/*width:var(--body-width);*/ /* width stretches with the web page width (mobile version) */
height: var(--body-height);
position: relative; /* to defined the contained elements position relative to the body */
/*margin:var(--element-margin); */
/*padding:var(--element-padding);*/
position:absolute;
padding:0px;
margin:0px;
background-color:white;
/*outline: 2px solid red;*/
}
/*
*/
.header-logo img{
/* padding-top:5px;*/
height:var(--header-logo-height);
margin-left:var(--header-logo-margin-left);
margin-top:var(--header-logo-margin-top);
display:block;
/* width:auto;*/
/*requires static positio (default) to scroll under the topnav menu */
/*margin-top:calc(calc(var(--body-line-height) * 2) + 5px);*/
/*background-color:white;*/
/* outline:2px solid yellow;*/
}
section.topbar {
display: none;
}
div.topnav {
display: block;
}
div.topbar-mobile {
display: block;
}
