diff --git a/assets/css/style.css b/assets/css/style.css
index 098a004..4de270b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,6 +1,9 @@
-
+*{
+ box-sizing: border-box;
+
+}
body {
-
+ font-family: 'Open Sans', sans-serif;
}
/* Navigation Styles */
@@ -17,21 +20,22 @@ nav li {
li a {
display: block;
color: white;
- padding: 30px 30px 30px 30px;
+ padding: 30px;
text-decoration: none;
+ text-align: center;
}
li a:hover {
background-color: rgb(40, 39, 39);
}
/* Header Styles */
-/*
+
header {
- background-color:
+ background-image:"linear gradient",whitesmoke;
}
h1 {
- color:
-} */
+ color:rgb(35, 47, 58);
+}
/* Main Page Content Styles */
@@ -39,43 +43,89 @@ h1 {
section {
display: flex;
justify-content: center;
-
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;
+ display: flex;
flex-wrap: nowrap;
justify-content: space-evenly;
}
figure {
- display: flex;
-
+ display: inline-flex;
+ width: 30%;
+ flex-direction:column;
+}
+figcaption{
+ font-style: italic ;
+ background-color: rgba(35, 47, 58);
+ color: whitesmoke;
+ padding: 0.25em;
+ opacity: 0.5;
+ font-size: 0.85em;
}
/* Aside Styles */
aside {
display: flex;
flex-direction: column;
-
+ border: 4px double black;
+ margin: 1em 0;
+ color: rgba(35, 47, 58, 0.05);
+ background-color: rgba(35, 47, 58, 0.05);
+}
+aside p{
+ font-weight: 600;
+ font-weight: 1.25em;
+ background-color: rgb(35, 47, 58);
+ color:whitesmoke;
+ padding: 0.25em;
+ 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 0.75em 1em;
+}
+aside ul li a{
+ text-align: justify;
+ color: rgb(35, 47, 58);
+ padding: 0;
+ text-decoration: underline;
}
/* Table - Concert Schedule Styles */
#concert-schedule-sec {
- max-width: 940px;
+ width: 100vw;
margin: 0 auto;
height: max-content;
+ color:rgb(255, 54, 154);
+ background-color: black;
+ padding: 2em;
}
+#concert-schedule-sec h3{
+ font-size: 2em;
+}
/* Form - Ticket Form Styles */
form {
diff --git a/index.html b/index.html
index 75b7a7b..3094803 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,22 @@
-
+
+
+
+
+
+
@@ -38,7 +43,7 @@ About.
- 
+
Harry Styles performing free concert fundraiser for US wildfire relief
@@ -54,7 +59,7 @@ About.
From Redditch, United Kingdom
Height: 6'0"
Music Group: One Direction (since 2010)
- See Movies
+ See Movies