/* BIG NTS: Rm non-relevant styles from style.css, make diff for index.html */

* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    font-family: 'Recursive', sans-serif;
    color: #fff;
  }

  body {
    width: 100%;
    height: 100vh;
    background-color: #111111; /* neutral base */
    background-image: radial-gradient(#2b2b2b 2px, transparent 1px);
    background-size: 8px 8px; /* tweak spacing */
  }


  .title-container {
    height: 30vh;
    width: 100%;

    display:flex;
    justify-content:center;
    align-items:center;
  }


  .title-container .title {
    margin-top: 10vh;
    font-size: 9rem;
    font-weight: normal;
  }


  .main-container {
    height: 50vh;
    display:flex;
    justify-content:center;
    

    text-align:center;
  }


  .inner-container {
    display:flex;
     
    justify-content:center;
    align-items:flex-start;
  }

  .main-container a {
    margin-top:1rem;
    text-decoration: none;   
    color: #fff;
    font-size: 1.5rem;

    margin-right: 2rem;
    margin-left: 2rem;
    object-fit:cover;
  }

  .main-container img {
    width: 10rem;  
    height: 10rem;
    object-fit:cover;
  }

  .footer-container  {
    display:flex;
    top: 100vh;   
    justify-content:center;
    align-items:center;
  }