* {
    margin: 0;
    padding: 0;
}

body {
    background-image: url('https://jimbobeesimages.carrd.co/assets/images/image23.jpg?v=b5eda771');
    background-size: fill;
     display: flex;
    justify-content: center;
    align-items:center;
}


/*grid stuff*/
.grid-container {
    background-color: rgb(32, 31, 31);
    border: solid 4px black;
    padding: 10px;
    border-radius: 10px;
    max-width: 1000px;
    margin: 40px 395px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 180px;
    grid-template-rows: 80px 200px 80px;
}

.grid-item1 {
    background-color: rgb(162, 162, 162);
    grid-row: 1/2;
    grid-column: 1/4;
  
}

.grid-item2 {
    background-color: rgb(162, 162, 162);
    grid-row: 2/3;
    grid-column: 1/4;
    padding: 10px;
    overflow: scroll;
    text-align: justify;
}


.grid-item3 {
      background-image: url("https://64.media.tumblr.com/5ecd7c6dc917e5e2bda08fa4598f6a80/aa47f98f8f2aa58e-34/s2048x3072/a71eb4c67282107eb4dad3aca4ff290de33fdd07.pnj");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 70%;
    grid-row: 3/4;
    grid-column: 1/4;
    display: flex;
    justify-content: center;
}

/*navigation stuff*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

ul li {
  float: left;
}

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

ul li a:hover {
  background-color: #111111;
}
/*end of navigation*/

p {
    color: white;
}


h1 {
    color: white;
}


h4 {
    color: white;
    text-align: center;
}

/*tv static*/
.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 300;
opacity: 0.05;
}
 
.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}
 
@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}
}
@media only screen and (max-width: 600px) {
}
/*end of tv static*/