@font-face {
  font-family: "SinhalaSangamMN";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/sinhalasangammn-webfont.eot?#iefix") format("eot"), url("fonts/sinhalasangammn-webfont.woff") format("woff"), url("fonts/sinhalasangammn-webfont.woff2") format("woff2"); }

@font-face {
  font-family: "SinhalaSangamMN-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/sinhalasangammn-bold-webfont.eot?#iefix") format("eot"), url("fonts/sinhalasangammn-bold-webfont.woff") format("woff"), url("fonts/sinhalasangammn-bold-webfont.woff2") format("woff2"); }

body, html {
  font-family: "SinhalaSangamMN";
  color: #000;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  letter-spacing: 2px; }
  @media only screen and (max-width: 1100px) {
    body, html {
      font-size: 32px; } }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

#main {
  position: relative;
  padding: 35px; }

header {
  position: fixed;
  top: 35px;
  width: calc(100% - (2 * 35px));
  z-index: 1000; }
  header
p {
    font-family: "SinhalaSangamMN-Bold"; }

section {
  position: relative;
  height: calc(100vh - (2 * 35px));
  z-index: 999; }
  section
ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    section
ul
li {
      list-style: none;
      display: inline-block;
      width: calc(100% / 3);
      text-align: center; }
      section
ul
li
p {
        font-size: 16px;
        display: inline;
        padding-bottom: 2px; }
        @media only screen and (max-width: 1100px) {
          section
ul
li
p {
            font-size: 32px; } }
      section
ul
li
a:hover
p {
        border-bottom: solid 2px #000; }

footer {
  position: fixed;
  bottom: 35px;
  width: calc(100% - (2 * 35px));
  z-index: 1000; }
  footer
a:hover {
    opacity: 0.6; }

.frame_wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh; }
  .frame_wrap
#frame {
    height: 100%;
    width: 100%;
    overflow: scroll;
    border: 0;
    margin: 0;
    padding: 0; }