diff --git a/styles/styles.css b/styles/styles.css
index 9a22035..50aff28 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -37,12 +37,41 @@ a:hover {
 }
 /* code */
 code {
-	background: var(--background);
+	background: var(--text);
 	border-radius: 3px;
+	color: var(--background);
+	display: inline-block;
 	font-size: 11pt;
 	padding: 2px 4px;
 }
 
+/* CUSTOM DIVS AND SPANS */
+a.quickbutton {
+	background: var(--background-bright);
+	border-radius: 8px;
+	box-shadow: 5px 5px var(--shadow);
+	display: block;
+	font-size: 150%;
+	margin: 0.5em 0;
+	padding: 1em;
+	text-align: center;
+}
+a.quickbutton:hover {
+	background: var(--link-hover);
+	color: var(--background);
+}
+div.break {
+	width: 4em;
+	margin: 2em auto;
+	border-bottom: 3px double var(--text);
+}
+img.bigimg {
+	border-radius: 8px;
+	box-shadow: 5px 5px var(--shadow);
+	display: block;
+	margin: 1em auto;
+}
+
 /* HIERARCHICAL CLASSES */
 /* HEADER */
 .header {
@@ -87,11 +116,19 @@ code {
 	margin: 2em auto;
 	padding: 1em;
 }
+.subcontainer {
+	background: var(--background-bright);
+	border-radius: 8px;
+	box-shadow: 5px 5px var(--shadow);
+	margin: 1em 0;
+	padding: 1em;
+}
 
 /* FOOTER */
 .footer {
 	font-size: 11px;
 	line-height: 1.3;
+	margin: 0 0 4em 0;
 	text-align: center;
 }
 .footer p {