update,

_tecky/party-planner/backend/private/poll/datetimePoll.css

@@ -0,0 +1,149 @@
+body {
+	font-family: 'Calibri';
+	position: relative;
+}
+
+.poll-container {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.poll-frame {
+	display: flex;
+	justify-content: center;
+	align-items: flex-start;
+	margin: 20px 0;
+	flex-wrap: wrap;
+}
+
+.option-container {
+	width: 200px;
+	height: 200px;
+	background-color: #f9f9da;
+	border-radius: 20px;
+	margin: 20px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	flex-wrap: wrap;
+	cursor: pointer;
+}
+
+.option-container:hover {
+	opacity: 0.7;
+}
+
+.title {
+	font-size: 30px;
+	font-weight: bold;
+}
+
+.address {
+	font-size: 20px;
+}
+
+#poll-submit-button,
+#poll-terminate-button,
+#poll-terminate-confirm-button {
+	font-size: 20px;
+	font-family: 'Lato', sans-serif;
+	padding: 10px 20px 10px 20px;
+	border-radius: 20px;
+	margin: 18px;
+	min-width: 110px;
+}
+
+#poll-submit-button {
+	box-shadow: 0px 1px 12px #f2d492;
+	background-color: #f2d492;
+	border: none;
+	color: #293241;
+}
+
+#poll-terminate-button,
+#poll-terminate-confirm-button {
+	box-shadow: none;
+	background-color: #d8684e;
+	border: #c7492c 3px solid;
+	color: white;
+	font-weight: bold;
+}
+
+.poll-title {
+	font-size: 20px;
+	margin-top: 20px;
+	font-weight: bold;
+}
+
+.selected {
+	border: solid black 5px;
+}
+
+.vote {
+	font-size: 15px;
+}
+
+.warning-sign {
+	font-size: 70px;
+	width: 90px;
+	height: 90px;
+	border-radius: 200px;
+	border: solid 4px black;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.warning {
+	font-size: 30px;
+	font-weight: bold;
+}
+
+.reminder-text {
+	text-align: center;
+}
+
+.modal-title {
+	font-size: 25px;
+	font-weight: bold;
+	color: #293241;
+	font-family: 'Lato', sans-serif;
+	transform: translateX(10px);
+}
+
+.modal-header {
+	display: flex;
+	justify-content: space-between;
+}
+
+.modal-body {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.modal-footer {
+	display: flex;
+	justify-content: center;
+	align-content: center;
+}
+
+#back-page {
+	position: absolute;
+	left: 50px;
+	top: 15px;
+	text-decoration: none;
+}
+
+.bi-chevron-left {
+	font-size: 30px;
+	top: 90px;
+	left: 40px;
+	color: #444a58;
+	cursor: pointer;
+}