/**
 *Copyright (C) 2017 Mehmet Akif Petek
 *
 *This file is part of webstack.
 *
 *webstack is free software: you can redistribute it and/or modify
 *it under the terms of the GNU General Public License as published by
 *the Free Software Foundation, either version 3 of the License, or
 *(at your option) any later version.
 *
 *webstack is distributed in the hope that it will be useful,
 *but WITHOUT ANY WARRANTY; without even the implied warranty of
 *MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *GNU General Public License for more details.
 *
 *You should have received a copy of the GNU General Public License
 *along with webstack.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

@import url('https://fonts.googleapis.com/css?family=Raleway');

/******************/
/* Reset defaults */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul, li {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

b, strong {
    font-weight: 700
}

html {
    position: static!important;
    top: 0!important;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
/* END - Reset Defaults */
/************************/

html, body {
    height: 100%;
    background-color: #333;
    overflow: hidden;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.safari.retina section {
  -webkit-font-smoothing: subpixel-antialiased;
}

section.page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
}

.inner-page {
    text-align: center;
    padding: 50px;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
}

.inner-page h1 {
    font-size: 64px;
}

.inner-page p {
    font-size: 32px;
}