/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v36/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPK-F2qC0usEw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v36/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPK-F2qC0usEw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v36/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPK-F2qC0usEw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v36/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtPK-F2qC0s.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
body {
    font-family: 'Lato';
    font-style: normal;
    font-size: calc(14px + 0.390625vw);
    font-weight: normal;
    font-family: 'Lato', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    /*font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
    letter-spacing: 0.2px;*/
    color: #1e2226;
}
li{
    margin:3px;
}
dialog{
    max-width:90%;
    font-size:14px;
}
div{
    font-family:inherit !important;
    font-size:inherit !important;
    color:inherit !important;
}

.divedit, 
textarea,
select,
input,
button,
label {
    font: inherit;
    border: 0px;
    border-radius: 5px;
    padding: 5px;
    background: rgba(121, 188, 240, 0.75);
    font-size: 14px;
}

button {
    padding: 5px;
}

button:hover {
    background: steelblue !important;
}

html,
body {
    /*height: -webkit-fill-available;
    max-height: 100vh;*/
}

.freeStyle{
    white-space: pre-wrap;
    white-space-collapse: collapse;
}

h1{
    opacity:0.95;
    font-family:'Playfair Display';
    font-size:1.8rem;
    font-weight:800;
}

h2{
    opacity:0.9;
    font-family:'Lato';
    font-size:1.5rem;
    font-weight:700;
}

h3{
    opacity:0.8;
    font-family:'Lato';
    font-size:1.25rem;
    font-weight:600;
}

h4{
    opacity:0.8;
    font-family:'Lato';
    font-size:1.1rem;
    font-weight:normal;
}

.places{
    max-height:150px;
    border-radius: 5px;
    background: rgba(121, 188, 240, 0.75);
    overflow-y: scroll;
    max-width:300px;
    word-break: break-all;
}

.places > div{
    cursor:pointer;
    font-size:13px;
    text-decoration: underline;
    padding:5px;
}

.bb{
    padding:10px;
    padding-bottom:15px;
    border-radius:5px;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex:1 1 auto;
}
.usp{
    display:flex;
    flex-direction:row;
    gap:5px;
    flex-wrap:wrap;
    justify-content: stretch;
    align-items: center;
}
.bb > h2{
    padding:0;
    margin:0;
}

.bbl{
    /*transform: rotate3d(-0.25, 0.1, 0, 2deg);*/
    background:#bde0fe;
}

.bbr{
    /*transform: rotate3d(0.25, -0.1, 0, 2deg)  ;*/
    background:#ffc8dd;
}

* {
    box-sizing: border-box;
    word-break: break-word;
    perspective: 250px;
}

.pageMainGrid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    max-height:100%;
}

.header{
    padding:5px;
    display:flex;
    justify-content:center;
    align-content:center;
    width:100%;
    font-size:14px !important; 
}

.pageContent{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    max-width:800px;
}