diff --git a/assets/css/style.css b/assets/css/style.css index 098a004..5fb7fa9 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,6 +1,11 @@ +*{ + box-sizing: border-box; +} -body { +body { + font-family: 'Open Sans', sans-serif; + background-image: linear-gradient(whitesmoke, rgb(35, 47, 58)) ; } /* Navigation Styles */ @@ -17,7 +22,7 @@ nav li { li a { display: block; color: white; - padding: 30px 30px 30px 30px; + padding: 30px; text-decoration: none; } li a:hover { @@ -39,19 +44,30 @@ h1 { section { display: flex; justify-content: center; - + flex-direction: column; width: 80%; margin: auto; } .center-title { - + text-align: center; } /* About Section Styles */ #about-sec { display: flex; + flex-direction: column; + +} + +#about-sec h2 { + font-size: 1.95em; + padding: 0 1.5em; +} +#about-sec #about-blurb{ + padding: 0 2.5em; } + #about-sec div { display: inline-flex; flex-direction: row; @@ -60,6 +76,20 @@ section { } figure { display: flex; + flex-direction: column; + width: 600px; + height: 600px; + +} + +figcaption{ + font-style: italic; + background-color: rgba(35, 47, 58) ; + color: whitesmoke; + padding: 0.25em; + opacity: 0.5; + font-size: 0.85em; + text-align: center; } @@ -67,16 +97,61 @@ figure { aside { display: flex; flex-direction: column; + border: 4px double black; + margin: 1em 0; + color: black; + background-color: rgba(35, 47, 58, 0.05); } +aside p{ + font-weight: 600; + font-size: 1.25em; + background-color: rgb(35, 47, 58) ; + padding: 0.5em; + margin: 0; + text-transform: uppercase; + border-bottom: 4px double rgba(0, 0, 0, 0.77); + opacity: 0.6; +} + +aside ul{ + font-size: 0.9em; + margin: 1em; + padding: 0 0.75 1em; +} + + +aside ul li a{ + text-align: justify; + padding: 0; + color: rgb(35, 47, 58); + text-decoration: underline; + +} + + + /* Table - Concert Schedule Styles */ #concert-schedule-sec { - max-width: 940px; - margin: 0 auto; + align-items: center; + justify-content: center; + width: 90vw; + margin-top: 10px; + padding: 2em; height: max-content; + color: rgb(255, 54, 154); + background-color: black; + display: flex; + } +#concert-schedule-sec h3{ + font-size: 2em; +} + + + /* Form - Ticket Form Styles */ form { width: 35vw; diff --git a/index.html b/index.html index 75b7a7b..7dbef37 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,10 @@ - + + + + @@ -18,7 +21,7 @@

- theReal
+ The Real
Harry Styles
Fanpage

@@ -30,7 +33,7 @@

-

About.

+

About

Harry Edward Styles is an English singer, songwriter and actor. His musical career began in 2010 as a solo contestant on the British music competition series The X Factor. @@ -38,7 +41,7 @@

About.

- harrystyles + harrystyles
Harry Styles performing free concert fundraiser for US wildfire relief @@ -54,7 +57,7 @@

About.

  • From Redditch, United Kingdom
  • Height: 6'0"
  • Music Group: One Direction (since 2010)
    • -
  • See Movies
    • +
  • See Movies