source, static files & Dockerfile

static/style.css

@@ -0,0 +1,146 @@
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	src: url('/fonts/Inter.woff2') format('woff2');
+	font-weight: 100 900;
+	font-style: normal;
+}
+
+:root {
+	--bg: #f9f5f3;
+	--color: #1c1819;
+	--highlight: #eaddd5;
+
+	--positive: #00d439;
+	--negative: #ff5449;
+	--warning: #ffa312;
+
+	--border: 1px solid #eaddd5;
+	--border-radius: 0.75rem;
+}
+
+body {
+	font-family: 'Inter', sans-serif;
+	font-optical-sizing: auto;
+	margin: 0;
+	padding: 0;
+
+	background-color: var(--bg);
+	color: var(--color);
+	font-size: 14px;
+}
+
+a,
+a:visited {
+	color: var(--color);
+	text-decoration-line: none;
+}
+
+h1 {
+	font-family: 'Reckless Neue';
+}
+
+h2 {
+	font-size: 20px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	gap: var(--str-space-100, 8px);
+	flex: 1 1 auto;
+	/* align-self: center; */
+	align-self: left;
+	/* text-transform: capitalize; */
+	flex-wrap: wrap;
+	font: var(
+		--str-font-heading-regular-l,
+		400 1.429rem/1.4 Inter,
+		Arial,
+		-apple-system,
+		BlinkMacSystemFont,
+		sans-serif
+	);
+	margin-top: 0;
+	color: var(--str-color-text-neutral-default);
+	font-weight: 500;
+	line-height: 100%;
+}
+
+button {
+	border: none;
+	position: relative;
+	background: transparent;
+	height: unset;
+	border-radius: 0.5rem;
+	display: inline-block;
+	text-decoration: none;
+	padding: 0 0.5rem;
+	flex: 1;
+}
+button span {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 1.5rem;
+	padding: 0 0.5rem;
+	margin-left: -0.5rem;
+	border: 1px solid #eaddd5;
+	border-radius: inherit;
+	white-space: nowrap;
+	cursor: pointer;
+	font-weight: 700;
+	transition: all ease-in-out 0.2s;
+}
+
+button::after {
+	content: '';
+	position: absolute;
+	right: 0;
+	top: 0;
+	border-radius: 0.5rem;
+	width: 100%;
+	height: 100%;
+	transition: transform 0.1s ease;
+	will-change: box-shadow 0.25s;
+	pointer-events: none;
+}
+
+button:hover span {
+	border-color: #cab2aa;
+	background: #f9f5f3 !important;
+}
+
+.main-container {
+	background: white;
+	padding: 1.5rem;
+	border: var(--border);
+	border-radius: var(--border-radius, 1rem);
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.section-wrapper {
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+}
+
+.section-row {
+	display: flex;
+	gap: 2rem;
+}
+
+.section-element {
+	display: flex;
+	flex-direction: column;
+}
+
+.section-element label {
+	font-weight: 500;
+	font-size: 15px;
+}
+
+.section-element > span {
+	display: flex;
+	align-items: center;
+	margin-top: 0.5rem;
+}