diff --git a/css/projects.css b/css/projects.css index eba14cf..ca2d74a 100644 --- a/css/projects.css +++ b/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'; @@ -39,24 +45,22 @@ url('../fonts/im-fell-great-primer-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ 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; diff --git a/css/styles.css b/css/styles.css index d0aea5b..df064df 100644 --- a/css/styles.css +++ b/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%; }