other.css

/*
    Defines all remaining styles for the Red Ball Pizza web page.

    Author: Niko Butenko
    Date: 08/14/2024
    File: other.css
 */

header img {
  width: 100%;
}

nav.horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 20px;
  padding-left: 25px;
}

.vertical ul {
  margin-top: 40px;
}

.vertical li {
  border-radius: 5px;
  padding: 5px 5px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  background: linear-gradient(
    to right,
    rgba(154, 20, 23, 1),
    rgba(154, 20, 23, 0)
  );
}

.vertical li a {
  color: white;
}

nav.vertical {
  background-image: url(parlor.jpg);
  background-position: bottom left;
  background-size: 800%;
}

main {
  border: 5px rgba(154, 20, 23, 1) solid;
  border-top: 0px;
  border-bottom: 0px;
  padding: 20px 10px;
}

aside {
  background-image: url(parlor.jpg);
  background-position: 650px -300px;
  background-size: 800%;
}

aside h1 {
  padding-top: 10px;
  font-weight: bolder;
}

aside li {
  font-weight: 550;
  margin: 10px 20px;
  border: 3px rgba(154, 20, 23, 1) solid;
  border-radius: 15px;
  padding: 10px;
  background: linear-gradient(to right, rgb(206, 206, 206), rgb(255, 200, 200));
  box-shadow: 10px 10px 20px #525252;
}

#deals div {
  border: 3px rgba(154, 20, 23, 1) dashed;
  margin: 10px;
  padding-bottom: 0px;
}

#deals div:nth-child(even) {
  background-color: whitesmoke;
}

#deals div:nth-child(odd) {
  background-color: rgb(255, 200, 200);
}

#deals div h1 {
  padding: 5px;
}

#deals div p {
  padding: 0px 10px;
}

#deals div p:nth-child(3) {
  font-weight: bold;
}