/* Chase Sandy 3/31/2025
   New Perspectives on HTML and CSS
   Tutorial 8
   Case Problem 1
   Special Effects style sheet
   Author: 
   Date:   

   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); 
}

header nav ul li {
    background-color: rgb(224, 238, 238); 
    border-radius: 10px; 
    box-shadow: 
        inset 3px 3px 2px rgba(255, 255, 255, 1),
        inset 5px 5px 5px rgba(147, 207, 207, 1); 
}

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

blockquote {
    background: linear-gradient(to right, 
        rgb(166, 230, 230) 0%, 
        rgb(231, 231, 231) 5%, 
        rgb(255, 255, 255) 15% 
    );

    background: -webkit-gradient(linear, left top, right top, 
        color-stop(0%, rgb(166, 230, 230)), 
        color-stop(33%, rgb(231, 231, 231)), 
        color-stop(100%, rgb(255, 255, 255))
    );

    filter: progid:DXImageTransform.Microsoft.Gradient( 
        GradientType=1, StartColorStr='#DEF4F4', EndColorStr='#FFFFFF'
    );
}