html, body {
    height: 100%;
    margin: 0;
}
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: darkgreen;
}
.pg-cntnr {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: calc(100vw * 9 / 16);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.vis-collapsed {
    display: none;
}
@media (min-aspect-ratio: 16/9) {
    .pg-cntnr {
        width: calc(100vh * 16 / 9);
        max-height: 100vh;
    }
}
@font-face {
    font-family: 'LinLibertine_DR';
    src: url('../fonts/LinLibertine_DR.otf') format('opentype');
}
body {
    font-family: 'LinLibertine_DR', serif;
}
input {
    font-family: 'LinLibertine_DR', serif;
}
input::-webkit-input-placeholder  {
    font-family: 'LinLibertine_DR', serif;
}
input::-moz-placeholder  {
    font-family: 'LinLibertine_DR', serif;
}
input:-ms-input-placeholder  {
    font-family: 'LinLibertine_DR', serif;
}
input::-ms-input-placeholder  {
    font-family: 'LinLibertine_DR', serif;
}
input::placeholder  {
    font-family: 'LinLibertine_DR', serif;
}
.unslctbl {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rflct-hor {    
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
input:focus {
    outline: none;
}
input {
    border: 1px solid #414141;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: auto;
}
.inpt-273 {
    width: 21vw;
    height: calc(9vw / 16 * 5.83);
}
.inpt-288 {
    width: 21vw;
    height: calc(9vw / 16 * 6.66);
}
.txt-1-line {
    text-wrap: nowrap;
}
.box-btn-bgr {
    max-height: calc(9vw / 16 * 12);
    width: 12vw;
}
.align-stretch-to-parent {
    position: absolute;
    width: 100%;
    height: 100%;
}
.hor-align-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.hor-txt-alighn-center {
    text-align: center;
}
.hor-align-center {
    margin-left: 50%;
    transform: translateX(-50%);
}
.hor-align-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.hor-align-stretch {
    width: 100%;
}
.rounded {
    border-radius: 7%;
}
.vert-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.vert-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vert-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.vert-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.filler-beige {
    background: -webkit-gradient(linear, left top, left bottom, from(#c7bbae), color-stop(50%, #e7e1d9), to(#c7bbae));
    background: -o-linear-gradient(top, #c7bbae, #e7e1d9 50%, #c7bbae);
    background: linear-gradient(to bottom, #c7bbae, #e7e1d9 50%, #c7bbae);
}
.filler-desert-tan {
    background: -webkit-gradient(linear, left top, left bottom, from(#d8b68f), color-stop(50%, #f2e4cd), to(#d8b68f));
    background: -o-linear-gradient(top, #d8b68f, #f2e4cd 50%, #d8b68f);
    background: linear-gradient(to bottom, #d8b68f, #f2e4cd 50%, #d8b68f);
}
.filler-grey-light {
    background: -webkit-gradient(linear, left top, left bottom, from(#9aa3ae), color-stop(50%, #c3c7ce), to(#9aa3ae));
    background: -o-linear-gradient(top, #9aa3ae, #c3c7ce 50%, #9aa3ae);
    background: linear-gradient(to bottom, #9aa3ae, #c3c7ce 50%, #9aa3ae);
}
.filler-grey-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#414141), color-stop(50%, #4e4e4e), to(#414141));
    background: -o-linear-gradient(top, #414141, #4e4e4e 50%, #414141);
    background: linear-gradient(to bottom, #414141, #4e4e4e 50%, #414141);
}
.filler-pink {
    background: -webkit-gradient(linear, left top, left bottom, from(#bcaab4), color-stop(50%, #e3dade), to(#bcaab4));
    background: -o-linear-gradient(top, #bcaab4, #e3dade 50%, #bcaab4);
    background: linear-gradient(to bottom, #bcaab4, #e3dade 50%, #bcaab4);
}
.filler-red {
    background: -webkit-gradient(linear, left top, left bottom, from(#40292a), color-stop(50%, #4b3434), to(#40292a));
    background: -o-linear-gradient(top, #40292a, #4b3434 50%, #40292a);
    background: linear-gradient(to bottom, #40292a, #4b3434 50%, #40292a);
}
.filler-green {
    background: -webkit-gradient(linear, left top, left bottom, from(#2b4b34), color-stop(50%, #2b4b34), to(#2b4b34));
    background: -o-linear-gradient(top, #2b4b34, #2b4b34 50%, #2b4b34);
    background: linear-gradient(to bottom, #2b4b34, #2b4b34 50%, #2b4b34);
}
.filler-brown {
    background: -webkit-gradient(linear, left top, left bottom, from(#423a33), color-stop(50%, #544e46), to(#423a33));
    background: -o-linear-gradient(top, #423a33, #544e46 50%, #423a33);
    background: linear-gradient(to bottom, #423a33, #544e46 50%, #423a33);
}
.filler-trnsp-shaded {
    background: rgba(0, 0, 0, 0.5);
}
.filler-trnsp-brown-shaded {
    background: #55463f75;
}
.filler-trnsp-orange-shaded{
    background: #62413280;
}
.clck-trnsprnt {
    pointer-events: none;
}
.p-title {
    -webkit-margin-before: 0 !important;
    margin-block-start: 0 !important;
    width: 100%;
}
.clr-brown {
    color: #252322;
}
.clr-ivory {
    color: #d1cad1;
}
.clr-sand-light {
    color: #f6e1cf;
}
.clr-sand-dark {
    color: #bfa894;
}
.clr-red {
    color: #7b1510;
}
.clr-dark {
    color: #2a2725;
}
.clr-gray {
    color: #888888;
}
.grayed-out {
    filter: grayscale(100%) brightness(40%);
}
.txt-huge {
    font-size: calc(9vw / 16 * 5.38);
}
.txt-gig {
    font-size: calc(9vw / 16 * 4.4);
}
.txt-big {
    font-size: calc(9vw / 16 * 4.24);
}
.txt-header {
    font-size: calc(9vw / 16 * 3.7); 
}
.txt-mid {
    font-size: calc(9vw / 16 * 3.62);
}
.txt-std {
    font-size: calc(9vw / 16 * 3.02);
}
.txt-plain {
    font-size: calc(9vw / 16 * 2.54);
}
.txt-micro {
    font-size: calc(9vw / 16 * 2.24);
}
.txt-nano {
    font-size: calc(9vw / 16 * 1.97);
}
.btn-297 {
    height: calc(9vw / 16 * 6.88);
    width: 20.6vw;
}
.btn-257-mid {
    height: calc(9vw / 16 * 5.95);
    width: 20vw;
}
.btn-230-pln {
    height: calc(9vw / 16 * 5.32);
    width: 17vw;
}
@media (min-aspect-ratio: 16/9) {
    .inpt-273 {
        width: calc(16vh / 9 * 21);
        height: 5.83vh;
    }
    .inpt-288 {
        width: calc(16vh / 9 * 21);
        height: 6.66vh;
    }
    .box-btn-bgr {
        max-height: 12vh;
        width: calc(16vh / 9 * 12);
    }
    .txt-huge {
        font-size: 5.38vh; 
    }
    .txt-gig {
        font-size: 4.4vh;
    }
    .txt-big {
        font-size: 4.24vh;
    }
    .txt-header {
        font-size: 3.7vh;
    }
    .txt-mid {
        font-size: 3.62vh; 
    }
    .txt-std {
        font-size: 3.02vh;
    }
    .txt-plain {
        font-size: 2.54vh; 
    }
    .txt-micro {
        font-size: 2.24vh; 
    }
    .txt-nano {
        font-size: 1.97vh; 
    }
    .btn-297 {
        height: 6.88vh;
        width: calc(16vh / 9 * 20.6);
    }
    .btn-257-mid {
        height: 5.95vh;
        width: calc(16vh / 9 * 20);
    }
    .btn-230-pln {
        height: 5.32vh;
        width: calc(16vh / 9 * 17);
    }
}