css/projects.css

@@ -1,4 +1,7 @@
 /* FONTS */
+
+/* Überschrift Font */
+
 /* im-fell-english-sc-regular - latin */
 @font-face {
     font-family: 'IM Fell English SC';
@@ -12,6 +15,9 @@
          url('../fonts/im-fell-english-sc-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
          url('../fonts/im-fell-english-sc-v10-latin-regular.svg#IMFellEnglishSC') format('svg'); /* Legacy iOS */
   }
+
+/* Fließtext Font */
+
 /* im-fell-great-primer-regular - latin */
 @font-face {
     font-family: 'IM Fell Great Primer';
@@ -40,23 +46,21 @@
          url('../fonts/im-fell-great-primer-v10-latin-italic.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */
   }
 
+/* Festlegung Font */
+
 body {
     font-family: 'IM Fell Great Primer';
+    margin: 0;
+    text-align: center;
+    background-color: #000;
+    color: #f9f9ed;
 }
 
 h1, h2, h3, h4, h5 {
     font-family: 'IM Fell English SC'
 }
 
-div.collection_container {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-div.collection {
-    margin: 4px;
-}
-
+/* Breitenanpassung */
 
 @media only screen and (min-width: 1000px) {
     div.collection {
@@ -74,6 +78,17 @@ div.collection {
     }
 }
 
+/* Collection */
+
+div.collection_container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+div.collection {
+    margin: 4px;
+}
+
 div.collection h1 {
     margin: 10px;
     text-align: center;
@@ -85,11 +100,7 @@ div.collection div.col-desc {
     text-align: justify;
 }
 
-section.cta h2 {
-    color: #1f1f1f;
-}
-
-/* Slide in stuff */
+/* Img Collections + Slide in stuff */
 
 .flexbox-col-img {
     display: flex;

css/styles.css

@@ -5,13 +5,6 @@
     transition: all ease-in-out 250ms;
 }
 
-body {
-    margin: 0;
-    text-align: center;
-    background-color: #000;
-    color: #f9f9ed;
-}
-
 img {
     max-width: 100%;
 }