* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: Courier, monospace;
    }

body {
    line-height: 1.5;
    background: #E8E8EF;
    background: linear-gradient(0deg,rgba(232, 232, 239, 1) 0%, rgba(134, 134, 173, 1) 9%, rgba(91, 91, 144, 1) 14%, rgba(0, 0, 82, 1) 44%, rgba(0, 0, 0, 1) 66%);
}

.navbar{
   position: fixed;   
   top: 0; 
   width: 100%;      
   height: 40px;
   overflow: hidden;
   z-index: 1000; 
}

ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #E8E8EF;
  background: linear-gradient(90deg,rgba(232, 232, 239, 1) 7%, rgba(59, 59, 122, 1) 33%, rgba(0, 0, 82, 1) 40%, rgba(0, 0, 0, 1) 56%);
}

ul li{
  margin-right: 25px;
  float: left;
}

ul li a { 
  display: block;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
}

.n1{
  font-size: 17px;
  color: black;
  text-shadow: 0.4px 0 0 black;
}

.n2{
 font-size: 17px;
 color: white;
}

.n1:hover {
  background-color: black;
  color: white;
} 

.n2:hover {
  background-color: white;
  color: black;
} 

.n1:active {
  background-color: #880808;
  color: white;
  box-shadow: 0 10px 10px rgba(255, 0, 0, 0.9);
}

.n2:active {
  background-color: #880808;
  color: white;
  box-shadow: 0 10px 10px rgba(255, 0, 0, 0.9);
}

#business-name{
  display: block;
  color: white;
  font-size: 20px;
  text-align: right;
  padding: 5px 14px;
}

img{
  display: block;
  margin: 0 auto;
  width: 120px;
  height:170px;
  margin-bottom: 0px;
  margin-top: 30px;
}

h1{
  text-align:center;
  font-size:24px;
  font-family:URW Chancery L;
  font-style:cursive;
  font-weight: 100;
  font-stretch: extra-condensed;
  font-variant: small-caps;
  margin-bottom: 20px;
  color: white;
}

.thin{
    display: block;
    justify-content:center;
    height: 2px;
    width:700px;
    border: 0;
    border-top: 1.8px solid #fff;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0;
}

.grid-list {
      display: grid;
      justify-content: center;
      grid-template-columns: repeat(4, 0.2fr);
      grid-template-rows: repeat(6, auto);   
      gap: 15px;  
      list-style-type: none;               
      padding: 0;                          
      margin: 0; 
      background: transparent;
    }

.grid-list li {
      background-color: rgba(0, 0, 0, 0.6); 
      color: linen;
      padding: 20px;
      border: 1.2px solid #C90000;
      text-align: center;
      font-family: monospace;
      border-radius: 8px;
      width: 250px;
      justify-content:center;
	    font-size: 13px;
    }

p{
  text-align:center;
  font-size:21px;
  font-family:URW Chancery L;
  font-style:cursive;
  font-weight: 100;
  font-stretch: extra-condensed;
  font-variant: small-caps;
  color: white;
}

.thick{
    display: block;
    justify-content:center;
    height: 2px;
    width:800px;
    border: 0;
    border-top: 2.2px solid #000;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 0;
}

h2{
  text-align:center;
  font-size:24px;
  font-family:URW Chancery L;
  font-style:cursive;
  font-weight: 100;
  font-stretch: extra-condensed;
  font-variant: small-caps;
  margin-bottom: 20px;
  margin-top:10px;
}

.grid-list2 {
      display: grid;
      justify-content: center;
      grid-template-columns: repeat(3, 0.3fr);
      grid-template-rows: repeat(2, auto);  
      padding: 0;                          
      margin: 0; 
      gap: 20px;
      background: transparent;
    }

   .grid-list2 li {
      background-color: rgba(0, 0, 0, 0.6); 
      color: linen;
      padding: 2px;
      border: 1.4px solid #C90000;
      text-align: center;
      font-family: monospace; 
      font-size: 16px;
      place-self: center;
      border-radius: 8px;
      justify-content:center;
    }

.p2, .p3{
  margin-top: 10px;
  text-align:center;
  font-size:22px;
  font-family:URW Chancery L;
  font-style:cursive;
  font-weight: 100;
  font-stretch: extra-condensed;
  font-variant: small-caps;
  margin-bottom: 65px; 
}
 
.p2{
  color: white;
}

.p3{
   color: black;
}

em{
  font-size: 20px;
  font-family:URW Chancery L;
  font-style: italic;
}

.mini{
 margin-bottom: 1px;
}