Full-screen responsive background CSS

by VIvek Vaishnav

HTML

<html>
<head>

</head>
<body>
<h1>
A2Z Photography
</h1>
<div class="intro">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pharetra ornare dui, id auctor nisl lacinia sit amet. Nunc pretium tempor mauris, non scelerisque dui. Aenean tincidunt finibus fermentum. Mauris semper tincidunt vestibulum. Proin facilisis nunc nisi, nec fringilla erat luctus et.</p><p>
Praesent ac risus sed arcu hendrerit iaculis et sed ipsum. Sed at neque sit amet augue congue malesuada eget id arcu. Mauris ut finibus libero, non scelerisque orci. Aliquam venenatis purus nec pharetra convallis.</p>
</div>
</body>
</html>

CSS

body {
  background: url(https://cdn.pixabay.com/photo/2014/12/27/15/31/camera-581126_960_720.jpg) no-repeat center center fixed;
  background-size: cover;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 }
 h1{color:#fff; text-align:center; font-size:90px; text-shadow:3px 2px #000; margin:20% 0}
 .intro{height:250px; width:100%; color:#fff;background: rgba(255, 197, 24, 0.7); font-size:22px;text-align:center; padding:30px 0}