/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./font/GFSNeoellenic/stylesheet.css ***!
  \*************************************************************************************/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 7, 2020 */



@font-face {
    font-family: 'gfs_neohellenicregular';
    src: url(../fonts/gfsneohellenic-webfont.woff2) format('woff2'),
         url(../fonts/gfsneohellenic-webfont.woff) format('woff'),
         url(../fonts/gfsneohellenic-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gfs_neohellenicbold';
    src: url(../fonts/gfsneohellenicbold-webfont.woff2) format('woff2'),
         url(../fonts/gfsneohellenicbold-webfont.woff) format('woff'),
         url(../fonts/gfsneohellenicbold-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gfs_neohellenicbold_italic';
    src: url(../fonts/gfsneohellenicbolditalic-webfont.woff2) format('woff2'),
         url(../fonts/gfsneohellenicbolditalic-webfont.woff) format('woff'),
         url(../fonts/gfsneohellenicbolditalic-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gfs_neohellenicitalic';
    src: url(../fonts/gfsneohellenicitalic-webfont.woff2) format('woff2'),
         url(../fonts/gfsneohellenicitalic-webfont.woff) format('woff'),
         url(../fonts/gfsneohellenicitalic-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./font/Albertsthal_typewriter/stylesheet.css ***!
  \**********************************************************************************************/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 8, 2020 */



@font-face {
    font-family: 'albertsthal_typewriter';
    src: url(../fonts/albertsthal_typewriter-webfont.woff2) format('woff2'),
         url(../fonts/albertsthal_typewriter-webfont.woff) format('woff'),
         url(../fonts/albertsthal_typewriter-webfont.ttf) format('truetype'),
         url(../fonts/albertsthal_typewriter-webfont.otf) format('opentype');
    font-weight: normal;
    font-style: normal;
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./scss/main/main.scss ***!
  \**************************************************************************************************************/
.full, .click-to-enter, .background-frame, .site-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.site-container .header {
  height: 5vw;
  min-height: 45px;
  width: 100%;
  position: relative;
  padding-top: 20px;
}
.site-container .header > * {
  cursor: pointer;
}
.site-container .header .entheos-logo {
  position: relative;
  width: 18vw;
  min-width: 100px;
  left: calc(80% - 18vw - 10px);
}
.site-container .header .menu-btn-container {
  float: right;
  position: relative;
  height: 100%;
}
.site-container .header .menu-btn-container .menu-btn {
  float: right;
  margin-right: 20px;
  position: relative;
  width: 2vw;
  height: 2vw;
  min-width: 20px;
  background: transparent;
  min-height: 20px;
  top: 1.2vw;
}
.site-container .header .menu-btn-container .menu-btn .bar {
  height: 5%;
  width: 100%;
  background: #8d1913;
  margin-top: 25%;
  opacity: 1;
  transform: rotateZ(0);
  transition: transform 0.7s ease-in-out, opacity 0.06s ease-in-out;
}
.site-container .header .menu-btn-container .menu-btn .bar.bar1 {
  margin-top: 27%;
}
.site-container.menu-open .header .menu-btn .bar.bar2 {
  opacity: 0;
}
.site-container.menu-open .header .menu-btn .bar.bar1 {
  transform: rotateZ(45deg) translate(0.7vw, 0.7vw);
}
.site-container.menu-open .header .menu-btn .bar.bar3 {
  transform: rotateZ(-45deg) translate(0.5vw, -0.5vw);
}

@media screen and (max-width: 520px) {
  .site-container .header .entheos-logo {
    left: calc(80% - 100px);
  }
}
.site-container {
  opacity: 0;
  display: none;
  transition: opacity 2s ease-in;
  transform: translateZ(0);
  background-color: transparent;
  overflow-y: auto;
  overflow-x: hidden;
}
.site-container.entered {
  display: block;
}
.site-container.entered.show-content {
  opacity: 1;
  list-style: bengali;
}
.site-container.entered.show-content .contents .content-page {
  pointer-events: all;
  cursor: default;
}
.site-container .contents .content-page {
  position: absolute;
  right: 0;
  left: 0;
  font-family: "albertsthal_typewriter";
  font-size: calc(14px + 2vw);
  padding: 40px 20%;
  pointer-events: none;
  transition: opacity 0.8s ease-out;
  opacity: 0;
}
.site-container .contents .content-page.visible {
  opacity: 0.6;
}
.site-container .contents .content-page.simple-text {
  font-family: "gfs_neohellenicregular";
}
.site-container .contents .content-page.home-page {
  font-size: calc(22px + 48 * (100vw - 300px) / 2700);
  text-align: right;
}
.site-container .contents .license-text {
  font-size: 10px;
  position: relative;
  bottom: 10px;
  width: auto;
  height: 15px;
  margin-top: 40px;
  right: 4px;
  pointer-events: all;
}
.site-container .contents .license-text > .img-list {
  position: relative;
  display: inline-block;
  top: 5px;
  margin-left: 2px;
}
.site-container .contents .license-text > .img-list .cc-img {
  height: 22px !important;
  margin-left: 3px;
  vertical-align: text-bottom;
}

.background-frame {
  border: none;
  transform: translateZ(0);
}

.site-container.menu-open {
  pointer-events: none;
}
.site-container.menu-open .header {
  pointer-events: all;
}
.site-container .menu-block {
  position: absolute;
  width: 100%;
  height: calc(100% - 5vw);
  opacity: 0;
  z-index: 3;
  transition: opacity 0.8s ease-out;
  top: calc(5vw + 30px);
  left: 0;
  background-color: #8d1913;
  font-family: "albertsthal_typewriter";
  font-size: calc(22px + 48 * (100vw - 300px) / 2700);
  color: white;
  padding: 0 20%;
  pointer-events: none;
}
.site-container .menu-block ul li {
  list-style: bengali;
  margin-bottom: 1vw;
  cursor: pointer;
}
.site-container.menu-open .menu-block {
  opacity: 0.9;
  pointer-events: all;
}

@media screen and (max-width: 520px) {
  .site-container .menu-block {
    top: 65px;
  }
}
html {
  height: 100%;
}
html body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background-color: white;
}
html body * {
  font-family: "albertsthal_typewriter";
  -webkit-tap-highlight-color: transparent;
}
html body * a {
  color: #8d1913;
}

.click-to-enter {
  display: block;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.8s ease-out;
  transform: translateZ(0);
}
.click-to-enter.show-intro {
  opacity: 1;
}
.click-to-enter.show-intro .entheos-logotype {
  display: block;
}
.click-to-enter.show-intro.show-logotype .entheos-sign {
  opacity: 0;
}
.click-to-enter.show-intro.show-logotype .entheos-logotype {
  opacity: 1;
}
.click-to-enter.show-intro.show-logotype .text {
  opacity: 0;
}
.click-to-enter.show-intro.remove-intro {
  transition-duration: 2s;
  opacity: 0;
  pointer-events: none;
}
.click-to-enter > img {
  position: absolute;
  width: 20%;
  transition: opacity 1.5s ease-out;
}
.click-to-enter > img.entheos-sign {
  opacity: 1;
  min-width: 150px;
  margin-left: calc(50vw - var(--sign-width));
  margin-top: calc(50vh - var(--sign-height));
}
.click-to-enter > img.entheos-logotype {
  opacity: 0;
  min-width: 150px;
  margin-left: calc(50vw - var(--logotype-width));
  margin-top: calc(50vh - var(--logotype-height));
}
.click-to-enter > .text {
  position: absolute;
  bottom: 3vh;
  font-size: 14px;
  width: 100%;
  text-align: center;
  font-family: "albertsthal_typewriter";
  color: #8d1913;
  transition: opacity 0.8s ease-out;
  opacity: 1;
}