diff --git a/index.html b/index.html index 44cf34d..ac9991d 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,7 @@ margin: 0; width: 100vw; height: 100vh; + text-align: center; } * { font-family: "Roboto Medium", sans-serif; @@ -59,8 +60,8 @@ flex-direction: column; align-items: center; justify-content: center; - overflow: hidden; - overflow-y: auto; + padding-top: 10vh; + padding-bottom: 10vh; } header, header .branding, .contact div { display: flex; @@ -79,6 +80,7 @@ font-size: 7.5rem; margin-bottom: -2rem; margin-left: -0.2rem; + text-align: left; } header .slogan { font-size: 3rem; @@ -86,7 +88,6 @@ header .credits { display: flex; flex-direction: column; - text-align: center; font-size: 1.5rem; } header .credits .powered-by { @@ -104,23 +105,19 @@ section#contact .people:nth-child(1) { margin-right: 5vh; } - section#personalization h2, section#looking h2 { + section#personalize h2, section#looking h2 { margin-top: 2vh; } - section#features h2 { + section#features h2, section#contact h2 { margin-bottom: 5vh; } - section#contact h2 { - margin-bottom: 2vh; - } section#contact .links { font-size: 2rem; } - section#personalization img, section#looking img, section#contact img { + section#personalize img, section#looking img, section#contact img { border-radius: 5vh; height: 25vh; } - section#contact img { margin-bottom: 2vh; } @@ -132,7 +129,6 @@ .list { display: flex; flex-direction: row; - text-align: center; } .list i { font-size: 5rem; @@ -141,10 +137,8 @@ .list .feature { display: flex; flex-direction: column; - text-align: center; margin-left: 5vh; } - .list .feature:nth-child(1) { margin-left: 0; } @@ -152,13 +146,13 @@ @media (orientation: portrait) { header .box { flex-direction: column; - text-align: center; justify-content: center; } header .name { font-size: 3rem; margin-bottom: -0.5rem; margin-left: -0.2rem; + text-align: center; } header .slogan { font-size: 1.5rem; @@ -166,12 +160,26 @@ header .credits { margin-top: 3vh; } - .contact .persons { + section#contact .peoples { flex-direction: column; } + section#contact .people:nth-child(1) { + margin-right: 0; + margin-bottom: 5vh; + } .arrow { margin-top: 6vh; } + .list { + flex-direction: column; + } + .list .feature { + margin-left: 0; + margin-top: 5vh; + } + .list .feature:nth-child(1) { + margin-top: 0; + } } @@ -188,7 +196,7 @@