body {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #3c0084;
  }

  /* Custom container */

  .container {
    margin: 0 auto;
    max-width: 1000px;
  }
  .container > hr {
    margin: 60px 0;
  }

  .hero-unit {
   background-color: #aa00a7;
   box-shadow: 0 0 0 4px #aa009f;
  }

  /* Main marketing message and sign up button */
  .jumbotron {
    margin: 80px 0;
    text-align: center;
  }
  .jumbotron h1 {
    font-size: 100px;
    line-height: 1;
  }
  .jumbotron .lead {
    font-size: 24px;
    line-height: 1.25;
  }
  .jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
  }
  
  /* Supporting marketing content */
  .marketing {
    margin: 60px 0;
  }
  .marketing p + h4 {
    margin-top: 28px;
  }
  
  .pissbigger h1 {
    font-size: 42px;
    line-height: 1;
  }

  /* how to not fix your css part numba wuuun */
  @media (min-width: 768px) and (max-width: 979px) {
    .pantshitted {
      float:right !important;
    }
  }

  .flextape {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  @media (min-width: 600px) and (max-width: 979px) {
    .flextape {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media (max-width: 600px) {
    .flextape {
      grid-template-columns: 1fr;
    }
  }

  .memcomment {
      position: relative;
      padding-bottom: 50px;
  }

  .memcomment .author {
      position: absolute;
      bottom: 0;
      left: 0;
  }