/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Case Problem 1
   Special Effects style sheet
   Author: Anthony Caggiano
   Date: 11/7/24  

   Filename:         dweffects.css
   Supporting Files: 

*/

body {
   -moz-box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px 0px 15px;
   -webkit-box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px 0px 15px;
   box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px 0px 15px;
}
nav.horizontal li {
   background-color: rgb(224,238,238);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-box-shadow: inset white 3px 3px 2px, rgb(147,207,207) 5px 5px 5px;
   -webkit-box-shadow: inset white 3px 3px 2px, rgb(147,207,207) 5px 5px 5px;
   box-shadow: inset white 3px 3px 2px, rgb(147,207,207) 5px 5px 5px;
}
article {
   -moz-box-shadow: inset rgb(171,171,171) 15px 15px 75px, rgb(101,101,101) 5px 5px 5px;
   -webkit-box-shadow: inset rgb(171,171,171) 15px 15px 75px, rgb(101,101,101) 5px 5px 5px;
   box-shadow: inset rgb(171,171,171) 15px 15px 75px, rgb(101,101,101) 5px 5px 5px;
}
blockquote {
   background: linear-gradient(left, rgb(166,230,230) 5%, rgb(231,231,231) 5%, 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: -ms-linear-gradient(left, #DEF4F4, #FFFFFF);
}