[rpsls-web.git] / assets / rpsls.css

body {
  text-align: center;
  font-family: Merriweather, serif;
  font-size: 24px;
}

input {
  display: block;
  margin: 50px auto;
  line-height: 42px;
  padding-left: 10px;
  font-size: 24px;
}

button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-decoration: none;
  font-size: 24px;
  display: block;
  margin: 50px auto;
  cursor: pointer;
}

.options {
  width: 800px;
  margin: 0 auto 30px auto;
}

.options img {
  display: inline-block;
  width: 20%;
  margin: 0;
}

.options img:hover {
  cursor: pointer;
  background-color: lightblue;
}

.choices {
  width: 320px;
  margin: 0 auto 30px auto;
}

.choices img {
  display: inline-block;
  width: 50%;
  margin: 0;
}

img.animated {
  display: block;
  width: 200px;
  margin: 50px auto;
}
Commit	Line	Data
	1	body {
	2	text-align: center;
	3	font-family: Merriweather, serif;
	4	font-size: 24px;
	5	}
	6
	7	input {
	8	display: block;
	9	margin: 50px auto;
	10	line-height: 42px;
	11	padding-left: 10px;
	12	font-size: 24px;
	13	}
	14
	15	button {
	16	background-color: #4CAF50; /* Green */
	17	border: none;
	18	color: white;
	19	padding: 15px 32px;
	20	text-decoration: none;
	21	font-size: 24px;
	22	display: block;
	23	margin: 50px auto;
	24	cursor: pointer;
	25	}
	26
	27	.options {
	28	width: 800px;
	29	margin: 0 auto 30px auto;
	30	}
	31
	32	.options img {
	33	display: inline-block;
	34	width: 20%;
	35	margin: 0;
	36	}
	37
	38	.options img:hover {
	39	cursor: pointer;
	40	background-color: lightblue;
	41	}
	42
	43	.choices {
	44	width: 320px;
	45	margin: 0 auto 30px auto;
	46	}
	47
	48	.choices img {
	49	display: inline-block;
	50	width: 50%;
	51	margin: 0;
	52	}
	53
	54	img.animated {
	55	display: block;
	56	width: 200px;
	57	margin: 50px auto;
	58	}