/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Case Problem 1
   Special Effects style sheet
   Author: Tierra Palmer
   Date:   April 03, 2025

   Filename:         dweffects.css
   Supporting Files: 

*/

body {
  box-shadow: 10px 0 15px rgba(211, 211, 211, 0.5),
    -10px 0 15px rgba(211, 211, 211, 0.5);
}

nav.horizontal li {
  background: rgb(224, 238, 238);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  -moz-box-shadow: inset rgba(255, 255, 255, 0.3) 3px 3px 2px,
    rgba(147, 207, 207, 0.3) 5px 5px 5px;
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.3) 3px 3px 2px,
    rgba(147, 207, 207, 0.3) 3px 3px 5px;
  box-shadow: inset rgba(255, 255, 255, 0.3) 3px 3px 2px,
    rgba(147, 207, 207, 0.3) 5px 5px 5px;
}

article {
  -moz-box-shadow: inset rgba(171, 171, 171, 0.6) 15px 15px 75px,
    rgba(101, 101, 101, 0.6) 5px 5px 5px;
  -webkit-box-shadow: inset rgba(171, 171, 171, 0.6) 15px 15px 75px,
    rgba(101, 101, 101, 0.6) 5px 5px 5px;
  box-shadow: inset rgba(171, 171, 171, 0.6) 15px 15px 75px,
    rgba(101, 101, 101, 0.6) 5px 5px 5px;
}

blockquote {
  background: -o-linear-gradient(
      left,
      rgb(166, 230, 230) 5%,
      rgb(231, 231, 231)
    ),
    rgb(255, 255, 255) 15%;
  background: -ms-linear-gradient(left, #def4f4, #ffffff);
  background: -moz-linear-gradient(
      left,
      rgb(166, 230, 230) 5%,
      rgb(231, 231, 231)
    ),
    rgb(255, 255, 255) 15%;
  background: -webkit-linear-gradient(
    left,
    rgb(166, 230, 230) 5%,
    rgb(231, 231, 231),
    rgb(255, 255, 255) 33%
  );
  background: linear-gradient(
    left,
    rgb(166, 230, 230) 5%,
    rgb(231, 231, 231) 5%,
    rgb(255, 255, 255) 15%
  );
}