/*
* fits screen height and width, not scrollable
*/
html{
position: relative;
/*height: 100%;*/
width: 100%;
scroll-behavior: smooth;
overflow-x: hidden;
background-image: url(/medias/images/bg.webp);
}
/*
* fits screen width, scrollable
*/
body{
position: relative;
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
main{
width: 100%;
display: flex;
flex-direction: column;
}
/*
* .hidden is used throughout the UI to hide elements.
*/
.hidden{
display: none!important;
}
strong{
font-weight: 600;
}
ul, ol{
list-style-position:inside;
}
h1{
font-family: var(--font-secondary);
text-transform: uppercase;
text-align: center;
font-size: 60px;
letter-spacing: -0.02em;
margin-bottom: 36px;
}
h2{
font-family: var(--font-secondary);
text-transform: uppercase;
text-align: center;
font-size: 30px;
letter-spacing: -0.02em;
margin-bottom: 40px;
}
h3{
font-family: var(--font-secondary);
text-transform: uppercase;
text-align: center;
font-size: 20px;
letter-spacing: -0.02em;
margin-bottom: 36px;
}
p, p *, .content{
letter-spacing: 0.07em;
font-size: 12px;
text-align: justify;
text-align-last: center;
max-width: 1000px;
line-height: 1.8;
margin-bottom: 36px;
}
p.citation{
font-family: var(--font-secondary);
text-align: center;
text-align-last: unset;
font-size: 18px;
font-style: italic;
line-height: 1.4;
}
.gphj-asset{
height: 80px;
width: 80px;
margin-bottom: 40px;
}
@media (max-width: 980px){
.gphj-asset{
height: 60px;
width: 60px;
}
}
@media (max-width: 768px){
h1{
font-size: 40px;
}
}