/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Case Problem 1
   Special Effects style sheet
   Author: Ricky Garcia
   Date:   11-10-25

   Filename:         dweffects.css
   Supporting Files: 

*/

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

.horizontal li{
  background-color: rgb(224, 238, 238 ); /* Change background color */
  border-radius: 10px;       /* Rounded corners */
  box-shadow: 
    inset -3px 3px 2px rgb(224, 238, 238),   /* First inset shadow (top) */
    inset 5px -5px 5px rgb(147, 207, 207); /* Second inset shadow (bottom) */
}

article{
  box-shadow:
    inset 15px -15px 75px rgb(171, 171, 171),
    5px -5px 5px rgb(101, 101, 101);
}

blockquote {
  background: linear-gradient(to right, rgb(166, 230, 230), rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15% );
  background: -webkit-gradient(linear, left top, right top,
    from(rgb(166, 230, 230)),                /* Start color */
    color-stop(0.33, rgb(231, 231, 231)),    /* Middle color at 33% */
    to(rgb(255, 255, 255))                   /* End color */
);
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr='#DEF4F4',
    endColorstr='#FFFFFF',
    GradientType=1
    );
}