@import url('https://fonts.googleapis.com/css2?family=BBH+Bogle&family=Dancing+Script:wght@400..700&display=swap');
body {
 
   font-family: "Dancing Script", cursive;
 
  font-weight:400;
  font-style: normal;
   -webkit-linear-gradient(left top, darkred, goldenRod);
background-image:
   -moz-linear-gradient(left top, darkred,  goldenRod);
background-image:
   -o-linear-gradient(left top, darkred, goldenRod);
background-image:
   linear-gradient(to right bottom, darkred, goldenRod);
  background-attachment: fixed;
  text-align: center;
  color:slateGray;
  overflow: auto;
  
   background-image:url(https://www.paesana.com/hubfs/Blog/pepperoni-pizza.jpg)
  background-repeat: no-repeat;
  background-size: 100% auto;
  background: ;
  
}
.pizzaimg{
  margin-bottom:30px;
  margin-left:50%;
}
.menu {
   text-shadow: -1px 2px 3px darkred;
   font-size: 35px;
}
ol{
  font-size: 35px;
  border-radius:15px;
  margin:10px;
  border:8px dotted darkred;
}
.larger{
  text-align:center;
 font-size:40px; 
 margin-left:5% ;
 margin-right:5%;
 font-family: Verdana, sans-serif;
 font-family: fantasy;
 
}
section {
  
 border:4px inset slategrey;
 border-radius: 10px;
  margin-left:15% ;
 margin-right: 15%;
   -webkit-linear-gradient(left top, tan, wheat);
background-image:
   -moz-linear-gradient(left top, tan, wheat);
background-image:
   -o-linear-gradient(left top, tan, wheat);
background-image:
   linear-gradient(to right bottom, tan, wheat);
    background-image:url(https://www.paesana.com/hubfs/Blog/pepperoni-pizza.jpg)
  background-repeat: no-repeat
  background-size: 100% auto
}
article{
 border:3px inset slategrey;
 border-radius: 10px;
 margin-left:15% ;
 margin-right: 15%;
  -webkit-linear-gradient(left top, tan, wheat);
background-image:
   -moz-linear-gradient(left top, tan, wheat);
background-image:
   -o-linear-gradient(left top, tan, wheat);
background-image:
   linear-gradient(to right bottom, tan, wheat);
  
}
header {
 padding:20px;
}
.heading{
  text-shadow: -1px 2px 3px darkred;
  font-size:40px;
}
h1 {
  font-size:40px;
  text-shadow: -1px 2px 3px darkred;
}
h3 {
  font-size:25px;
   text-shadow: -1px 1px 1px darkred;
}

nav a {
  
  padding:5px ;
  margin-top:100px ;
  border-radius: 10px;
  text-align: center;
  font-size: 40px;
  color:slateGray;
  font-weight: bold;
  text-decoration: none;
  border:4px inset slateGray;
  margin:3px;
  background-color:wheat ;
  text-shadow: -1px 2px 3px darkred;
  -webkit-linear-gradient(left top, tan, wheat);
background-image:
   -moz-linear-gradient(left top, tan, wheat);
background-image:
   -o-linear-gradient(left top, tan, wheat);
background-image:
   linear-gradient(to right bottom, tan, wheat);
  
}
img {
  border:5px inset slateGray;
}
nav a:hover {
  border:5px outset darkRed;
  background-image:
   -webkit-linear-gradient(left top, wheat, tan);
background-image:
   -moz-linear-gradient(left top, wheat, tan);
background-image:
   -o-linear-gradient(left top, wheat, tan);
background-image:
   linear-gradient(to right bottom, wheat, tan);
}
nav a:hover{
  border:5px solid firebrick
}
footer {
 border:3px solid slategrey;
 margin-left:40% ;
 margin-right:40% ;
 border-radius:14px;
 padding:6px;
 font-size:35px ;
 margin-top:14px;
 margin-bottom: 14px;
 padding:20px;
 text-shadow: -1px 2px 3px darkred;
  background-image:
   -webkit-linear-gradient(left top, tan, wheat);
background-image:
   -moz-linear-gradient(left top, tan, wheat);
background-image:
   -o-linear-gradient(left top, tan, wheat);
background-image:
   linear-gradient(to right bottom, tan, wheat);
}
table {
  width: 340px;
  height: 240px;
  border:5px ridge slategrey;
  margin-top:3% ;
  margin-bottom:-25% ;
  margin-left:10% ;
  border-collapse: collapse;
  background-color:darkKhaki;
}
tr {
  border-collapse: collapse;
  background-color:tan;
  box-shadow: 4px 6px gray;
  
}
.opcl {
  text-shadow: -1px 2px 3px darkblue;
  font-family: 'Century Gothic', sans-serif;
  border:5px ridge slategrey;
  border-collapse: collapse;
  background-color:tan;
  box-shadow: 4px 6px gray;
}

.days {
   background-color:lightCoral;
  font-family: 'Century Gothic', sans-serif;
   text-shadow: -1px 2px 3px darkblue;
   box-shadow: 4px 6px gray;
}
.time {
  text-shadow: -1px 2px 3px darkred;
  font-family: 'Comic Sans MS', cursive;
  border:5px ridge slategrey;
  border-collapse: collapse;
  background-color:Khaki ;
  box-shadow: 4px 6px gray;
}
th {
 border-collapse: collapse;
  background-color:tan
  box-shadow: 4px 6px gray;
}
td {
  border:5px ridge slategrey;
  border-collapse: collapse;
  background-color:lightCoral;
  box-shadow: 4px 6px gray;
}

.info1{
  margin-right:35%;
  margin-left:35%;
  
  font-size:45px;
  font-family:fantasy;
}

.video {
  border:5px inset slateGray;
}
.video:hover{
  border:5px outset darkRed;
}
.audio{
  border:3px inset  slateGray;
  margin-right:57% ;
  border-radius: 10px;
  margin-bottom:-5%;
}
.audio:hover{
  margin-right:57%;
  border:7px outset  darkRed;
  border-radius: 10px;
  margin-bottom:-5%;
}