// === 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;
}
}