// === General === html { min-height: 100%; font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-rendering: optimizeSpeed; line-height: 1.15; position: relative; } body { width: 100%; min-width: 320px; max-width: 100%; height: 100%; background-color: #fdfeff; overflow-y: scroll; } @media (max-width: 768px) { html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { -webkit-overflow-scrolling: touch; } } ::selection { background: rgba(39, 170, 249, 0.25); color: #171105; } ::-moz-selection { background: rgba(39, 170, 249, 0.25); color: #171105; } .app { width: 100%; min-width: 320px; height: 100vh; position: relative; display: flex; flex-direction: column; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container--fullHeight { height: 100%; } @media (min-width: 1024px) { .container { max-width: 1280px; } } .main { width: 100%; padding-top: 60px; background-color: #f9fafb; vertical-align: top; display: inline-block; position: relative; flex: 1 0 auto; z-index: 2; animation-fill-mode: both; animation-duration: 0.7s; animation-name: fadeIn; } @media (max-width: 1024px) { .main { padding-top: 55px; } }