diff --git a/style/style.css b/style/style.css index 3eb8cff..e69de29 100644 --- a/style/style.css +++ b/style/style.css @@ -1,247 +0,0 @@ -/* general site properties begin */ -* { - margin: 0; - padding: 0; -} - -body { - background-color: #1B2028; - color: #C099EF; - font-family: Verdana, Geneva, Tahoma, sans-serif; - min-height: 2475px; -} - -main { - padding: 1em 2em; -} - -section { - padding: 0.25em 0; -} - -p { - font-size: 1.25em; -} - -a { - color: #81BCED; - text-decoration: none; -} - -a:visited { - color: #879cb7; -} - -a:hover { - color: #4E1F87; -} - -li { - font-size: 1.1em; -} - -h2 { - padding: 0.75em; -} -/* general site properties end */ - -/* multiple page properties begin */ - -.love-you-baxter a, .behavior-section-text a { - font-size: 1.25em; - padding: 1em 0; -} - -/* multiple page properties end */ - -/* header and nav begin */ -header { - display: flex; - justify-content: center; - border-bottom: 1px solid #C099EF; - padding: 1em 2em; -} - -.baxter-hero-img { - width: 120px; - height: 160px; -} - -.header-content { - display: flex; - flex-direction: column; - flex-wrap: wrap; - margin-top: 1.5em; -} - -.header-content { - padding-left: 1em; -} - -.header-content a { - padding-right: 0.25em; - font-size: 1.25em; -} - -.header-content nav { - margin-top: auto; - padding-bottom: 0.75em; -} -/* header and nav end */ - -/* index.html begin */ -.welcome-section { - display: flex; - justify-content: space-around; - flex-wrap: wrap; - margin: 0 auto; -} - -.welcome-text { - width: 60%; -} - -.welcome-text p { - padding-left: 0.75em; - padding-bottom: 0.5em; -} - -.welcome-section img { - border-radius: 1em; -} - -.baxter-welcome-img { - width: 500px; - height: 412px; -} - -.quick-facts { - display: flex; - justify-content: space-around; - flex-wrap: wrap; -} - -.baxter-is p, .baxter-is-not p, .baxter-loves p, .baxter-hates p { - padding-top: 0.1em; - padding-bottom: 0.5em; -} - -.baxter-is li, .baxter-is-not li, .baxter-loves li, .baxter-hates li { - padding-bottom: 0.1em; -} - -.photo-gallery { - display: flex; - flex-wrap: wrap; -} - -.gallery-card { - width: 49%; - text-align: center; - padding-bottom: 1em; -} - -.gallery-card img { - border-radius: 1em; - height: 375px; - width: auto; -} - -.goodbye { - display: flex; - flex-direction: column; - align-items: center; -} - -.goodbye p { - width: 49%; -} -/* index.html end */ - -/* loveletter.html begin */ -.early-years-text, .middle-years-text, .current-years-text { - padding: 0.25em; - display: flex; - justify-content: center; - width: 100%; -} - -.early-years-text p, .middle-years-text p, .current-years-text p { - width: 49%; -} - -.early-years-pictures, .middle-years-pictures, .current-years-pictures { - display: flex; - justify-content: space-between; - flex-wrap: wrap; -} - -.cards { - border-radius: 2.5em; - height: 250px; - width: 350px; - padding: 1em 0; -} - -.love-you-baxter { - display: flex; - flex-direction: column; - align-items: center; -} - -.love-you-baxter img { - border-radius: 2.5em; - height: 500px; - width: 30%; -} -/* loveletter.html end */ - -/* about.html and behavior.html begin */ -.about-section { - display: flex; - flex-direction: column; -} - -.about-section-text { - display: flex; - flex-direction: column; - align-items: center; -} - -.about-section-text p { - width: 60%; - padding-bottom: 1em; -} - -.about-section-text p:last-of-type { - padding-bottom: 0; -} -/* about.html and behavior.html end */ - -/* behavior.html begin */ -.behavior-section { - display: flex; - flex-direction: column; -} - -.behavior-section-text { - display: flex; - flex-direction: column; -} - -.behavior-section-text a { - text-align: center; -} - -.behavior-section-text h3, .behavior-section-text p { - padding: 0.5em 0em 0.5em 3em; -} - -.behavior-section-text p { - width: 70%; -} - -.about-section-text p:last-of-type { - padding-bottom: 0; -} -/* behavior.html end */ \ No newline at end of file