Les début d'un nouveau style

2025-03-02 16:54:51 +01:00
parent b22b514574
commit 2c5f529e89
3 changed files with 61 additions and 14 deletions
@@ -0,0 +1,45 @@
+/* Common to all the answer buttons*/
+button.squared-button {
+  border: 0;
+	border-radius: 5px;
+	color: #1F1A25;
+	font-family: "Muli", Arial, sans-serif;
+	font-weight: 800;
+	text-transform: uppercase;
+	padding: 1rem 2rem;
+	font-size: 1rem;
+	background-color: #78E0DC;
+	box-shadow: 0 8px #2dc5bf;
+
+	margin-bottom: 12px;
+  width: 145px;
+  height: 65px;
+}
+
+button.squared-button:hover {
+	cursor: pointer;
+}
+
+button.squared-button:focus {
+	outline: none;
+}
+
+button.squared-button:hover, button.squared-button:focus {
+	background-color: #4fd6d1;
+}
+
+button.squared-button:active {
+	transform: translateY(4px);
+	box-shadow: 0 3px #2dc5bf;
+}
+
+/*@import url("https://fonts.googleapis.com/css?family=Muli:400,700,800&display=swap");
+
+body {
+	background: #1F1A25;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 100vh;
+}
+*/