/********** Common stuff for mobile and desktop version ******/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ 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, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

body {
    background-image: url("background.jpg");
    font-family: 'Noto Sans', sans-serif;
    color: white;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    font-size : 1vw;
}

h1, h2 {
    margin: 10px;
    color: white;
    font-size: 32px;
    clear: both;
}

h2 {
    font-size: 28px;
}


span.title {
    color:white;
    font-size: 28px;
    position: absolute;
    left: 10px;
    bottom: 40px;
}

span.comment {
    color:white;
    font-size:14px;
    position: absolute;
    left: 14px;
    bottom: 20px;
}

img.icon {
    height: 100px;
    position: absolute;
    right:10px;
    top: 10px;
}

div.Tile {
    margin: 10px;
    padding: 10px;
    background: cornflowerblue;
    border: none;
    width: 360px;
    height: 200px;
    float: left;
    position: relative;
    -webkit-perspective: 500px;
    -webkit-perspective-origin: 50% 50%;
}