@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
		
		body {
			font-family: 'Roboto', Arial, sans-serif;
			padding:0;
			margin:0;
			background:#f3f3f6;
		}

		#container {
			max-width:800px;
			margin:0 auto;
			background:#fff;
			padding:40px;
			box-shadow: 0px 0px 200px 0px rgba(0,0,0,0.2);
			border-top:solid 10px #5088b9;
			border-bottom:solid 10px #5088b9;
		}

		h1 {
			font-size:38px;
			font-weight:normal;
			line-height:1.3;
			color:#333;
		}
		
		h2 {
			font-size:22px;
			font-weight:normal;
			margin-top:20px;
		}
		
		h3 {
			font-size:16px;
			font-weight:normal;
			margin-top:20px;
		}		

		img#screenshot {
			float:right;
			margin:0 0 20px 20px;
		}

		
		#footer {
			font-size:12px;
			padding-top:12px;
			border-top:solid 1px #999;
			margin-bottom:30px;
		}
		
		#footer ul li {
			font-size:12px;
		}
		
		p, li {
			font-size:16px;
			line-height:1.7;
		}

		li {
			list-style:square;
		}
		
		a,
		#install_link {
			color:#5088b9;
			text-decoration:none;
			padding-bottom:3px;
			border-bottom:solid 1px #fff;
			transition:.2s;
			cursor:pointer;
		}
		
		a:hover,
		#install_link:hover {
            padding-bottom:1px;
            border-bottom-color:#5088b9;			
		}		

		.btn {
			font-size:18px;
 			background-color:#33bb33;
			border-radius:4px;
			color:#fff;
			text-decoration:none;
			padding:10px 30px;
			cursor:pointer;
		}
		
		.btn:hover {
			padding:10px 50px;
            border-bottom-color:#fff;	
		}
	
		img {
			border:solid 1px #ccc;
			box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
		}

		@media only screen and (max-width: 600px) {
			img {
				float:none;
				width:100%;
				margin:0;
			}
			
			h1 {
				font-size:28px;
			}	

			.btn {
				font-size:14px;	
			}
			
		}