~johanvandegriff/vandy.land

8d22abbb910e42992a10e204381bc01bf41abc7b — Johan Vandegriff 1 year, 4 months ago 5f924cc
cleaned up the section css
2 files changed, 42 insertions(+), 16 deletions(-)

M index.html
M style.css
M index.html => index.html +21 -4
@@ 53,10 53,9 @@ The code is available at: https://gitlab.com/johanvandegriff/vandy.land
  <div class="loaderWrapper">
    <div class="loader"></div>
  </div>
  <br />
  <br />
  <h1 style="text-align: center;">Site under construction!</h1>
  <section>
    <p class="warning">This site is under
      construction. Indeed, it will soon be the Vandegriff family website. Check back later for some awesome stuff!</p>
    <h1>Heading 1</h1>
    <p>Laudantium laboriosam repellendus officiis cupiditate voluptatem. Saepe cumque ut ipsam vitae aut sit. Numquam
      esse ab exercitationem velit sequi voluptatem. Et eveniet tenetur laboriosam quaerat ut iure.</p>


@@ 66,10 65,28 @@ The code is available at: https://gitlab.com/johanvandegriff/vandy.land
      Maiores facere aliquid et enim ratione. Minus velit et et eum iusto et error nulla. Aliquam similique asperiores
      quam labore rerum magnam ea. Est culpa quis repudiandae aut. Modi dolor labore adipisci eaque nemo voluptas
      occaecati.</p>
    <p>Natus doloribus sequi sed. Assumenda et et distinctio velit et. Nemo et qui nisi quia.</p>
    <p class="warning">Natus doloribus sequi sed. Assumenda et et distinctio velit et. Nemo et qui nisi quia.</p>
    <h3>Heading 3</h3>
    <p>Et et non expedita. Occaecati repellat at ea et dolorum et a. Non iure voluptate temporibus. Quidem omnis
      dignissimos voluptatem sint. Aliquid est quam voluptatum.</p>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
  </section>
  <section>
    <h1>Wow, another section!!</h1>
    <p>Laudantium laboriosam repellendus officiis cupiditate voluptatem. Saepe cumque ut ipsam vitae aut sit. Numquam
      esse ab exercitationem velit sequi voluptatem. Et eveniet tenetur laboriosam quaerat ut iure.</p>
    <h2>Heading 2</h2>
    <p>Consectetur est non delectus et. Quis quia sit quisquam repudiandae ducimus. Sit fugiat rerum repudiandae sed.
      Aliquid non non et cum consequuntur debitis quis. Saepe cum quis corporis accusamus voluptates et accusamus.
      Maiores facere aliquid et enim ratione. Minus velit et et eum iusto et error nulla. Aliquam similique asperiores
      quam labore rerum magnam ea. Est culpa quis repudiandae aut. Modi dolor labore adipisci eaque nemo voluptas
      occaecati.</p>
    <p>Natus doloribus sequi sed. Assumenda et et distinctio velit et. Nemo et qui nisi quia.</p>
    <h3 class= "warning">Heading 3</h3>
    <p>Et et non expedita. Occaecati repellat at ea et dolorum et a. Non iure voluptate temporibus. Quidem omnis
      dignissimos voluptatem sint. Aliquid est quam voluptatum.</p>
  </section>
  <br />
  <br />

M style.css => style.css +21 -12
@@ 1,11 1,16 @@
@charset "UTF-8";
section {
  background-color: #FBFBFB;
  border-radius: 20px;
  margin: 40px auto;
  max-width: 650px;
  line-height: 1.6;
  font-size: 22px;
  padding: 0 10px;
  /* z-index: 7; */
  font-size: 20px;
  padding: 2px 32px;
}

h1 {
  font-size: 175%;
}

h1, h2, h3, h4, h5, h6 {


@@ 16,12 21,6 @@ body {
  position: relative;
  margin: 0;
  padding: 0;
  /* height: 100vh; */
  /* width: 100vw; */
  /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
  /* justify-content: center; */
  background: #CDF0F3;
  background-color: #CDF0F3;
  /* background: linear-gradient(to bottom, #e6f8f9 20%, #b1e8ed 100%); */


@@ 65,7 64,6 @@ body .loaderWrapper .loader {
body footer {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  position: fixed;
  /* align-self: center; */
  bottom: 0;
  /* font-style: italic; */
  font-size: 12px;


@@ 178,6 176,12 @@ css-doodle {
  z-index: -2;
}

/* @media only screen and (max-width: 1000px) {
  .candy {
    display: none;
  }
} */

.candy-loader {
  height: 100%;
  width: 100%;


@@ 190,8 194,6 @@ css-doodle {
  box-shadow: 0px 0px 10px rgba(255, 50, 0, 0.8) inset;
  background: #D33144;
  background: repeating-linear-gradient(45deg, #FFFFEE, #FFFFEE 15px, #D33144 15px, #D33144 30px);
  /* -webkit-animation: load 1s ease-in infinite;
          animation: load 1s ease-in infinite; */
}

.candy-loader::after {


@@ 253,4 255,11 @@ css-doodle {
    -webkit-transform: rotate(-10deg) scale(1);
    transform: rotate(-10deg) scale(1);
  }
}

.warning {
  color: white;
  background-color: #D33144;
  padding: 10px 20px;
  border-radius: 15px;
}
\ No newline at end of file