#introhtml{opacity:1;transition:all .5s ease-in .5s}#introhtml.done{opacity:0;transform:translateY(30px)}.intro .flex-container{display:flex;align-items:center;justify-content:center}.intro .row{width:auto}.intro .row-bottom{width:auto;transform:translateY(30vh)}.intro .flex-item{width:auto;line-height:1.5em;font-weight:600;font-size:1.2em;text-align:center}.intro .flex-item.flat{color:#fff;text-shadow:2px 2px 8px #000}.intro .flex-item.large{padding:0 10%;font-size:1.5em}.intro .flex-item *{margin:0;padding:0;box-sizing:border-box}.intro .flex-item.center{display:flex;display:-webkit-flex;justify-content:center;align-items:center}.intro .scrollnow{margin-top:50px}.intro .scroll-container{margin-top:10px;width:30px;height:60px;border:3px solid #fff;border-radius:15px;position:relative}.intro .scroller{width:16px;border-radius:8px;background-color:#fff;position:absolute;top:4px;left:4px;bottom:34px;-webkit-animation:scroller 1.5s ease-out infinite;animation:scroller 1.5s ease-out infinite}@-webkit-keyframes scroller{0%{bottom:34px}5%{top:4px}32%{bottom:4px}66%{top:34px;bottom:4px}to{top:4px;bottom:34px}}@keyframes scroller{0%{bottom:34px}5%{top:4px}32%{bottom:4px}66%{top:34px;bottom:4px}to{top:4px;bottom:34px}}@media only screen and (min-width:320px) and (max-width:1024px) and (orientation:portrait){.intro .flex-item{line-height:1.5em;font-size:1em}.intro .flex-item.large{font-size:1.5em}}