body,html{padding:0;margin:0}#app,body,html{width:100%;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.app-orientation-warning{background-color:#2c3e50;color:#fff;position:fixed;top:0;bottom:0;width:100%;height:100%;text-align:center;padding:30vh 40px;z-index:99;-webkit-box-sizing:border-box;box-sizing:border-box}.app-orientation-warning-head{padding:10px 0;font-size:2em;font-weight:700}@media screen and (orientation:portrait){.app-orientation-warning{display:block}}@media screen and (orientation:landscape){.app-orientation-warning{display:none}}