diff --git a/card-one/index.html b/card-one/index.html
index 3664e25..b50c552 100644
--- a/card-one/index.html
+++ b/card-one/index.html
@@ -17,6 +17,7 @@
+
diff --git a/css/cards.css b/css/cards.css
new file mode 100644
index 0000000..cb68a21
--- /dev/null
+++ b/css/cards.css
@@ -0,0 +1,57 @@
+.card {
+ color: var(--color-accent);
+}
+
+p .card {
+ text-transform: uppercase;
+ font-weight: 700;
+}
+
+.stop {
+ color: var(--color-accent);
+ position: relative;
+ list-style: none;
+ padding-left: 1.5rem;
+}
+
+.stop:not(:last-child) {
+ padding-bottom: 2rem;
+}
+
+.stop:before {
+ background-color: var(--color-accent);
+ width: .1rem;
+ content: '';
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+}
+
+svg {
+ margin-left: -2.2rem;
+ width: 2rem;
+ fill: var(--color-accent);
+ float: left;
+ padding: .4rem .5rem 0 0;
+}
+
+@media (max-width: 650px) {
+ svg {
+ padding-top: .2rem;
+ }
+}
+
+.stop h2 {
+ margin: 0;
+}
+
+.stop img {
+ width: 100%;
+}
+
+.stop p {
+ margin: 0;
+ color: var(--color-text);
+ padding-top: .5rem;
+}