@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lexend-deca-v25-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lexend-deca-v25-latin-600.woff2') format('woff2');
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  box-sizing:border-box;
}
body {
    margin:0;
    padding:0;
    font-family:'Lexend Deca', sans-serif;
    font-size:1rem;
    font-weight:300;
    background:#121212;
    color:#F5F5F5;
}
main {
    min-height:100vh;
    min-height:100dvh;
    min-width:100vw;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#121212 url(../media/images/on_full_logo.svg) bottom 2em center / 180px auto no-repeat;
}
@media (max-width: 932px) and (orientation: landscape) {
    main {align-items:flex-start;}
}
main div {padding:2em;}
main h1,
main p {    
    flex:1 100%;
    margin:0 0 .66rem;
    padding:0;
    font-size:135%;
    font-weight:300;
    line-height:1.45;
    color:#BFBFBF;
    max-width:55rem;
}
.on_name {
    font-weight:600;
    color:#F5F5F5;
}
.on_name span {
    position:relative;
    top:-1px;
}
.noBreak {white-space:nowrap;}