* {
      box-sizing: border-box;
    }

    body {
      padding: 20px;
      font-family: Griffy, system-ui;
      background-color: black;
      border: 20px solid rgb(86, 3, 174);
      border-radius: 20px;
    }

    header {
      background:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
          url("../GrynzPhotography/Portfolio/Selfies/MyEyes.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;

      color: white;
      padding: 60px 20px;
      text-align: center;
    border: 6px solid rgb(239, 1, 124);
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .glow {
      font-size: 90px;
      color: #fff;
      text-align: start;
      -webkit-animation: glow 1s ease-in-out infinite alternate;
      -moz-animation: glow 1s ease-in-out infinite alternate;
      animation: glow 1s ease-in-out infinite alternate;
    }

    @keyframes glow {
      from {
        text-shadow: 0 0 10px #def549, 0 0 20px #04fae2, 0 0 30px #00a9e6, 0 0 40px #4e0398, 0 0 50px #28023c, 0 0 60px #e60073, 0 0 70px #e60073;
      }

      to {
        text-shadow: 0 0 20px #ce0444, 0 0 30px #952a00, 0 0 40px #ff4da6, 0 0 50px #8e0287, 0 0 60px #bd005f, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
      }
    }

    /* Center website */
    .main {
      max-width: 1000px;
      margin: auto;
    }

    h1 {
      color: black;
      font-family: emilys candy, cursive;
      word-break: break-all;
    }

    h4 {
      color: black;
      font-family: emilys candy, cursive;
      font-size: 20pt;
      text-align: center;
      text-decoration: underline 3px deeppink
    }

    .intro {
      background-color: rgba(94, 184, 249, 0.991);
      border: #8e0287;
      font-size: 14pt;
      padding: 10px;
      width: auto;
      border: 6px solid rgb(86, 3, 174);
      margin: 100px
    }

    p {
      font-size: 18px;
      color: black;
      font-family: underdog, cursive;
      text-align: center;
    }


    .row {
      margin: 8px -16px;
    }

    /* Add padding BETWEEN each column (if you want) */
    .row,
    .row>.column {
      padding: 18px;
    }

    /* Create three equal columns that floats next to each other */
    .column {
      float: left;
      width: 30.33%;
      display: none;
      /* Hide columns by default */
    }

    /* Clear floats after rows */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }

    /* Content */
    .content {
      background-color: white;
      padding: 10px;
      border: 6px solid rgb(86, 3, 174);
    }

    /* The "show" class is added to the filtered elements */
    .show {
      display: block;
    }

    /* Style the buttons */
    .btn {
      border: 3px solid rgb(86, 3, 174);
      outline: none;
      padding: 12px 16px;
      background-color: #fb0885;
      cursor: pointer;
    }

    /* Add a grey background color on mouse-over */
    .btn:hover {
      background-color: #6404f3;
    }

    /* Add a dark background color to the active button*/
    .btn.active {
      background-color: rgb(1, 210, 252);
      color: black;
    }

    a {
      color: white;
      text-decoration: underline;
      font-size: 22pt;
      font-family: emilys candy, cursive;
    }

    a:hover {
      color: rgb(253, 199, 4);
    }