@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');


body{ font-family: 'Roboto'; background-color:#f1f1f1;font-size: 18px; color:#495961;}
h1{font-weight: bold;font-size: 6em;color:#69E3C8; line-height: 1em; letter-spacing: -0.03em;}
.start{border:1px solid #69E3C8;border-radius: 4px; padding:10px; color:#69E3C8; font-weight: bold;margin-top: 3vh;margin-bottom: 3vh;display: inline-block; }
.start:hover{color:#fff;}
a{color:#495961; text-decoration: underline;}
a.marcada:hover{color:#69E3C8}
a:hover{color:inherit}
.imatgepregunta{background-color:#fff;border-radius: 5px;padding-top: 10px;padding-bottom: 10px;margin-top: 5vh; margin-bottom: 5vh;}
.opcio{font-weight: bold;text-align: center; margin-top: 5vh;width: 100%; display: inline-block; font-size: 1.5em; line-height: 1em;}
.seguent{display: inline-block; background: transparent;border:1px solid #69E3C8;border-radius: 4px; padding:10px; color:#69E3C8; font-weight: bold;margin-top: 8vh;margin-bottom: 3vh;display: inline-block;}

input[type=text]{ background-color:#fff;border:0px;border-radius: 5px;width: 100%;padding-top: 10px;padding-bottom: 10px;padding-left:5px;padding-right: 5px;}
.liniaranking{border-top: 1px solid #fff;padding-top: 10px; padding-bottom: 10px;}
.puntsranking{font-weight: bold;text-align: right;}
.time{text-align: center; font-weight: bold;color:#A61C1C;font-weight: normal; font-size: 1.7em;}
.marcada{color:#69E3C8}


img{max-width: 100%;}
.contenidorprincipal{margin-top:10vh;background-repeat: no-repeat; padding: 30px;}
.aligncenter{text-align: center}

.boton:hover{opacity: 0.7;}
label.error{color:#f00;display: block}


@media screen and (max-width: 767px) {
	h1{font-size: 3em;}
	h3{font: 1.5em}
	.contenidorprincipal{margin-top:0;background-repeat: no-repeat; padding: 30px;}
	.logomobile{float:right; max-width: 50%;margin-top: 18px;}

	}