

.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;
}
}

body {

    background-color: beige;
    font-family: 'Pixelify Sans' !important; 
}

.box {
    max-width: 800px;
    margin: 130px auto;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 200px minmax(0, 1fr);
}

header, nav, main, .container, footer {
    border: 2px solid black;
}

header {
    grid-row: 1/2;
    grid-column: 1/3;
    height: 125px;
    
}

nav {
    grid-row: 2/3;
    grid-column: 1/2;
    height: 120px;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: justify;
}

h3 {
  margin: 0;
  padding-left: 15px;
}

a {
  color: black;
  box-shadow: inset 0 0 0 0 lightblue; 
   -webkit-transition: all ease 0.5s; 
   -moz-transition: all ease 0.5s; transition: all ease 0.5s;
   text-decoration: none;
}

.nimg {
  padding-left: 15px;
}
 
nav a:hover { 
  box-shadow: inset 0 50px 0 0 #9CB071; 
  text-decoration-line: underline;
  text-decoration-style: wavy;
}


main {
    grid-row: 2/4;
    grid-column: 2/3;
    height: 350px;
    overflow: auto;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: justify;
    line-height: 1.5;
}

.container {
  grid-row: 3/4;
  grid-column: 1/2; 
  height: 205px;
  padding: 15px;
  overflow: auto;
}

footer {
    grid-row: 4/5;
    grid-column: 1/3;
    height: 80px;
}
