/* demo */

* {
  font-family: monospace;
}

body {
  background: #FFFFFF;
  color: #000000;
  font-size: 17px;
}

a {
  color: #ccc;
  text-decoration: underline;
}

.info {
  width:100%;
  padding:12px;
  box-sizing: border-box;
}

/* webgl layout */

.webgl-wrapper {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-height: 99vh;
  /*max-width: 100%;*/
  position: relative;
}

.webgl-content {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#unityContainer {
  width: 100%; height: 100%;
}

.webgl-content * {
  border: 0;
  margin: 0;
  padding: 0;
}

#unityContainer canvas {
    width:100%;
    height:100%;
    top:0;
    left:0;
  
    position: fixed; /*sonradan eklenen*/
}

/* this element makes sure we preserve 16:9 aspect ratio */

.aspect {
  margin-top: calc(100% / 900 * 550);
}