/* 
----------------------------------------------------------------------------------------------------
 CSS reset
----------------------------------------------------------------------------------------------------
*/
* {
  padding: 0;
  margin: 0;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-tap-highlight-color: transparent; }

img,
video {
  width: 100%;
  display: block; }

img {
  image-rendering: -webkit-optimize-contrast; }

::selection {
  background-color: transparent; }

/* 
----------------------------------------------------------------------------------------------------
 Structure
----------------------------------------------------------------------------------------------------
*/
html, body {
  -webkit-font-smoothing: antialiased;
  cursor: default;
  width: 100%;
  height: 100%; }

iframe {
  width: 100vw;
  height: 100vh;
  border: 0 none; }

/* 
----------------------------------------------------------------------------------------------------
 Responsive
----------------------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 900px) {
  iframe {
    display: none; }
  background-color: red; }

/* 
----------------------------------------------------------------------------------------------------
 Print
----------------------------------------------------------------------------------------------------
*/

/*# sourceMappingURL=main.css.map */