body {
  background-color: #010101;
}

h1 {
  color: white;
  font-family: Helvetica;
}
h2 {
  color: white;
  font-family: Helvetica;
}
p {
  color: white;
  font-family: Helvetica;
}
/* nav bar */
body {
  margin: 0;
  padding: 0;
}

h2, p {
  margin: 10px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  background-color: #010101;
  justify-content:  center;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  color: #111111;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}
.ex1 {
   
  padding-top: 2em;
}
.div1 {
  width: 300px;
  height: 100px;
  border: 1px solid blue;
}

.div2 {
  width: 300px;
  height: 100px;
  padding: 50px;
  border: 1px solid red;
}
/* tv filter */
        
        ::before,
        ::after {
            box-sizing: border-box;
            margin: 0;
        }

        body {
            background: black;
            color: white;
        }

        .container {
            position: relative;
            overflow: hidden;
        }

        .title {
            font-size: 96px;
        }

        .content {
            height: 100vh;
            background-image: url('Images/BackgroundV22.png');
              overflow: auto;
              

            place-items: float;

            z-index: 5;
        }

        .fuzzy-overlay {
            position: absolute;
            inset: -200%;
            background-image: url("Images/noise.png");
            opacity:17%;
            z-index: 10;
            pointer-events: none; 

            animation: shift 0.3s linear infinite both;
        }

        @keyframes shift {
            0% {
                transform: translateX(10%) translateY(10%);
            }

            100% {
                transform: translateX(-10%) translateY(-10%);
            }
        }