#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background:url(/images/bg2.jpg) 50%;background-size:cover;height:100vh}.fadein{opacity:0;-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadein,.fadeout{-webkit-animation-duration:2s;animation-duration:2s}.fadeout{opacity:1;-webkit-animation-name:fadeout;animation-name:fadeout;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.portrait{display:none}.landscape{display:block}@media(orientation:portrait){.portrait{display:block}.landscape{display:none}}