diff --git a/assets/images/slider/edward-cisneros-wedding-480.webp b/assets/images/slider/edward-cisneros-wedding-480.webp deleted file mode 100644 index 5c80222..0000000 Binary files a/assets/images/slider/edward-cisneros-wedding-480.webp and /dev/null differ diff --git a/assets/images/slider/nicholas-green-concert-480.webp b/assets/images/slider/nicholas-green-concert-480.webp deleted file mode 100644 index b30d698..0000000 Binary files a/assets/images/slider/nicholas-green-concert-480.webp and /dev/null differ diff --git a/assets/images/slider/ryoji-iwata-business-480.webp b/assets/images/slider/ryoji-iwata-business-480.webp deleted file mode 100644 index 645988b..0000000 Binary files a/assets/images/slider/ryoji-iwata-business-480.webp and /dev/null differ diff --git a/assets/style.css b/assets/style.css index 4377666..3dd34c5 100644 --- a/assets/style.css +++ b/assets/style.css @@ -6,6 +6,11 @@ body { font-family: 'Inter'; font-style: normal; } + +p { + font-size: 18px; +} + .top-header { background-color: white; position: sticky; @@ -18,15 +23,15 @@ body { align-items: center; } -.top-header .name { - font-size: 26px; +ul { + list-style: none; } .nav ul { display: flex; list-style-type: none; - font-size: 14px; margin-bottom: 0; + font-size: 18px; } .nav li { @@ -77,7 +82,6 @@ body { .about-me__title { margin-top: 1em; margin-bottom: 60px; - font-size: 30px; } .about-me__introduction { font-family: 'Spectral'; @@ -87,7 +91,6 @@ body { } #about-me p { width: 80%; - font-size: 14px; } img { @@ -114,6 +117,7 @@ img { color: #fff; background-color: #BEB45A; border-radius:0 ; + font-size: 18px; } .nav-pills .nav-link { color: #000 @@ -231,7 +235,6 @@ form { width: 70%; align-items: flex-start; } - form input { width: 100%; background-color: transparent; @@ -239,7 +242,6 @@ form input { height: 2.5em; margin-bottom: 20px; } - form textarea { width: 100%; background-color: transparent; @@ -253,6 +255,23 @@ input[type="submit"] { background-color: #BEB45A; padding: .5em 1em } + /* --> Footer <-- */ +footer { + background-color: #F6D2B8; + color: black; + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content:space-around; +} +#footer-infos { + padding-top: 16px; +} +#footer-rights { + font-style: italic; + display: flex; + align-items:end; +} @media all and (max-width: 1180px) { .picture { @@ -265,7 +284,7 @@ input[type="submit"] { margin-top: 0; margin-bottom: 1em; } - #about-me h6, #about-me p { + #about-me h3, #about-me p { width: 100%; } } @@ -362,5 +381,17 @@ input[type="submit"] { .picture { width: 80%; } + .nav ul { + font-size: 14px; + } + footer ul { + font-size: 12px; + } + p { + font-size: 14px; + } + .quote__author { + font-size: 16px; + } } diff --git a/index.html b/index.html index aac6e10..8673c97 100644 --- a/index.html +++ b/index.html @@ -1,85 +1,89 @@ - +
+ + +