h1{
			font-size: 28px;
			margin:0;
			margin-bottom: 10px;
		}

		h2{
			font-size:20px;
			margin:0;
			margin-bottom: 20px;
		}


		p{
			margin:0;
			margin-bottom: 10px;
		}

		a{
			color:black;
			text-decoration:none;
		}

		body{
			padding: 1%;
			padding-bottom: 50px;
			touch-action: manipulation;
			text-align: center;
			max-width: 600px;
			margin:auto;
			font-family: '-apple-system','Clear Sans', 'Helvetica Neue', Arial, sans-serif;
			font-size: 20px;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
			font-weight: 500;
		}

		.word{
			display: flex;
			height:60px;
			padding-top: 7px;
   			background-color: #f5f5f5;
    		border-bottom: black solid 2px;
    		border-top: solid 2px black;
			margin-left: 0.5%;
			margin-right:0.5%;
			margin-bottom: 30px;
		}

		.letters{
			display: flex;
			width:100%;
			height:50px;
			margin-bottom: 30px;
		}

		.letter{
	    	background: #fdd7a8;
		    width: 13.28%;
		    line-height: 50px;
		    height: 50px;
		    float: left;
		    margin: 0.5%;
		    cursor: pointer;
	    }

		.controls{
			width:100%;
			height:40px;
			display:inline-block;
		}

		.controls div{
			display:inline-block;
			background:#000000;
			color:white;
			width: 24%;
			float:left;
			text-align: center;
			line-height: 40px;
			margin-left: 0.5%;
			margin-right:0.5%;
			cursor: pointer;
		}

		.grey{
			color:#b3b2b2;
		}

		.final{
			border-top: 2px solid black;
			padding-top: 10px;
		}

		.button{
		    background: #000000;
		    color: white;
		    line-height: 45px;
		    margin: 0.5%;
		    display: block;
		    text-decoration: none;
		    width: 99%;
		    margin-bottom: 20px;
		    cursor: pointer;
		}

		.greybutton{
			pointer-events: none;
			background: grey;
		}

		.words{
			margin-bottom:20px;
		}

		.words div{
			display:inline-block;
			margin-left: 1.5%;
			margin-right:1.5%;
			font-size: 20px;
			line-height: 39px;
		}

		.words div:after{
			content:",";
		}

		.hidden{
			display:none!important;
		}

		.message{
			min-height:30px;
		}

		.stats div{
			display:inline-block;
			width:32.5%;
		}

		.desktop{
			font-size:12px;
			vertical-align: bottom;
		}

 		@media screen and (max-width: 600px) {
			.desktop{
				display: none;
			}
		}

		.definitions{
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    background: #00000063;
		}

		.definitionsinner{
			width:85%;
			max-width: 600px;
		    margin: auto;
		    margin-top: 100px;
		    height: 400px;
		    padding: 10px;
		    border-radius: 10px;
		    background: white;
		}

		.hidedefinition{
			cursor: pointer;
		}

		.words div{
			cursor: pointer;
		}

		.hint{
		    display: inline-block!important;
		    color: white;
		    letter-spacing: 5px;
		    font-family: monospace;
		    background: repeating-linear-gradient(to right,black 0 1ch,transparent 1ch calc(1ch + 5px)) bottom/100% 2px content-box no-repeat;
		}

		.hint:after{
			content:''!important;
		}


		.darkmode{
			background-color: black!important;
			color:white!important;
		}

		.darkmode a{
			color:white!important;
		}

		.darkmode .button{
			background-color: #544f4f!important;
		}

		.darkmode .controls div{
			background-color: #544f4f!important;
		}

		.darkmode .letter{
			background-color: #b9966c!important;
		}

		.darkmode .word{
			background-color: #544f4f!important;
		}