/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Case Problem 1
   Special Effects style sheet
   Author: Xavier De Jesus
   Date:   4/3/2025

   Filename:         dweffects.css
   Supporting Files: 

*/


body {
   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;
   box-shadow: inset white 3px 3px 2px,
               inset rgb(147, 207, 207) 5px 5px 5px;
}

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

blockquote {
   background-image: linear-gradient(90deg, rgb(166, 230, 230) 5%, rgb(231, 231, 231) 5%, rgb(255, 255, 255) 15%);
}