X-Git-Url: https://fortfriendship.online/gitweb/gnargle.github.io.git/blobdiff_plain/ab84de3bd80fffd6be9a0fd69ffd35b8521386a1..3883d05982abb366c38285602e60f85636564571:/main.css diff --git a/main.css b/main.css index a7fac53..b38ff78 100644 --- a/main.css +++ b/main.css @@ -7,22 +7,47 @@ font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } -.header { - max-width: 1000px; +.audio-block { + display: flex; + padding-top: 5px; + padding-bottom: 5px; +} + +.audio-title { + flex: 1; +} + +body { + font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + background-color: bisque; + color: black; +} + +.blog-title { + flex: 1; +} + +.blog-img { + padding: 10px; + display: block; + margin: 0 auto; + max-width: 250px; +} + +.blog-img-lrg { + padding: 10px; + display: block; margin: 0 auto; + max-width: 600px; } -.container{ +.container { padding-top: 10px; padding-bottom: 10px; } -.main { - max-width: 800px; - margin: 0 auto; - padding: 20px; - background-color: beige; - border-radius: 25px; +.content { + color: black; } .embed-title{ @@ -49,26 +74,42 @@ border: 0; } -.marquee-heading{ - color:crimson +.footer { + max-width: 800px; + margin: 0 auto; + padding-top: 10px; + background-color: antiquewhite; + border-radius: 25px; } -.heading { - color: dimgray; +.footer-container { + display: flex; + justify-content: center; + align-items: center; + padding-bottom: 10px; } -.title-block{ - display:flex; - padding-top: 5px; - padding-bottom: 5px; +.footer-entry { + display: inline-block; + padding-left: 5px; + padding-right: 5px; } -.blog-title{ - flex:1; +.header { + max-width: 1000px; + margin: 0 auto; +} + +.heading { + color: dimgray; +} + +.icon { + width: 48px; } -.content{ - color:black; +.indented { + margin-left: 15px; } .links{ @@ -92,43 +133,33 @@ margin-right: 5px; } -.footer{ +.main { max-width: 800px; margin: 0 auto; - padding-top: 10px; - background-color:antiquewhite; + padding: 20px; + background-color: beige; border-radius: 25px; } -.footer-container{ - display:flex; - justify-content: center; - align-items: center; - padding-bottom:10px; -} - -.footer-entry{ - display: inline-block; - padding-left:5px; - padding-right:5px; +.marquee-heading { + color: crimson } -.icon{ - width: 48px; +p { + margin-bottom: 10px; } -.blog-img { - padding: 10px; - display: block; - margin: 0 auto; - max-width: 250px; +.title-block { + display: flex; + padding-top: 5px; + padding-bottom: 5px; } -.blog-img-lrg { - padding: 10px; - display: block; - margin: 0 auto; - max-width: 600px; +ul { + margin-top: 10px; + margin-left: 25px; + margin-right: 25px; + margin-bottom: 10px; } .video-embed{ @@ -138,17 +169,4 @@ margin: 0 auto; padding-top: 10px; padding-bottom: 10px; -} - -body{ - font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background-color: bisque; - color: black; -} - -ul{ - margin-top: 10px; - margin-left: 25px; - margin-right: 25px; - margin-bottom: 10px; } \ No newline at end of file