/*  This is the css syle page */


h1 { 
    background-color: yellow;
    
    height:100px;
        
    width:300px;
}
body {
  background-color: lightblue;
}

.box1 {

  font-style: normal;
    
margin-top:20px;
    margin-right:20px;
    margin-bottom:10px;
    margin-left:10px;

 padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;

 height: 100px;
  width: 400px;
  background-color: powderblue;

 border-width: 10px;
    border-style: solid; 
    border-color: green;

border: 3px solid black;
  outline-style: solid;
  outline-color: red;

}

.box2 {


font-style: italic;

margin-top:40px;
    margin-right:15px;
    margin-bottom:40px;
    margin-left:15px;

 padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 10px;

 height: 300px;
  width: 500px;
  background-color: green;

border-width: 40px;
    border-style: inset; 
    border-color: red;

border: 6px solid black;
  outline-style: dotted;
  outline-color: yellow;
}

.box3 {

  font-style: oblique;

margin-top:5px;
    margin-right:30px;
    margin-bottom:10px;
    margin-left:25px;

 padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 60px;

 height: 400px;
  width: 200px;
  background-color: pink;

border-width: 60px;
    border-style: dotted; 
    border-color: blue;

border: 2px solid black;
  outline-style: ridge;
  outline-color: orange;
}

.box4 {

  font-style: italic;

margin-top:35px;
    margin-right:45px;
    margin-bottom:50px;
    margin-left:45;

 padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 35px;

 height: 250px;
  width: 450px;
  background-color: purple;

border-width: 10px;
    border-style: outset; 
    border-color: pink;

border: 5px solid black;
  outline-style: ridge;
  outline-color: green;
}

.box5 {
margin-top:60px;
    margin-right:50px;
    margin-bottom:0px;
    margin-left:40px;

 padding-top: 5px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 60px;

 height: 300px;
  width: 400px;
  background-color:grey;

border-width: 5px;
    border-style: hidden; 
    border-color: yellow;

border: 4px solid black;
  outline-style: dashed;
  outline-color: blue;

}










