h1{
    color:#000;   
}
*{
    margin:0;
    padding:0;
}
*/
body{
    background: color #8a2be2;
    color:#f0ffff;

    font-family:Arial, Helvetica, sans-serif;
    font: size 16px;
    font-weight:normal;
    /* same as above */
    font:normal 16px Arial, Helvetica, Sans-serif; 

    line-height:1.6em
    margin:0;
}

a{
    text-decoration:none;
    color:#000;
}

a:hover{
    color:red;
}

a:active{
   color:green;

}

a:visited{
    
}
.container{
    width:80%;
    margin:auto;
}

.button{
    background-color:#000
    color:#f0ffff
    padding:10px 15px;
    border:none;
}

.button:hover{
    background:red;
    color:#f0ffff
}

.clr{
    clear:both;
}

.box-1{
    background: color #000;
    color:#f0ffff;

border-right:5px red solid;
border-left:5px red solid;
border-top:5px red solid;
border-bottom:5px red solid;
border-width:3px;
border-bottom-width:10px;
border-top-style:dotted;

border:5px red solid;

padding-top:20px;
padding-bottom:20px;
padding-right:20px;
padding-left:20px;
/*same as above */
padding:20px
margin-top:20px;
margin:20px 0;#
}

.box-1 h1{
    font-family:Tahoma;
    font-weight:800;
    font-style:italic;
    text-decoration:underline;
    text-transform:uppercase;
    letter-spacing:0.2em;
    word-spacing:1em;
}

   .box-2{
    border:3px dotted #000;
    padding:20px
    margin:20px 0;
   }

   .categories{
    border:1px #000 solid;
    padding:10px;
    border-radius:15px;

   }

   .categories h2{
    text-align:center;
   }

.categories ul{
    padding:0;
    padding-left:20px;
    list-style:square;
    list-style:none;
}
    
.categories li{
    padding-bottom:8px;
    border-bottom:dotted 1px #000;
    list-style-image: url('../imges/check.png');
}

.my-form{
    padding:20px;
}

.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="type"], .my-form textarea{
    padding:8px;
    width:100%;
}

.block{
    float:left;
    width:33.3%;
    border:1px solid #f0ffff
    padding:10px;
    box-sizing:border-box;
}

#main-block{
    float:left;
    width:70%;
    padding:15px;
    box-sizing: border-box;  
}

sidebar{
    float:right;
    width:30%
    background- color #333;
    color: #f0ffff;
    padding:15px;
    box-sizing: border-box;
}

.p-box{
    width:800px;
    height:500px;
    border:1px solid #000;
    margin-top:30px;
    position:relative;
    background-image:url('../images/image0\ \(1\).jpeg');
    background-repeat: no reapeat;
    background-position: 100px 200px;
    background-position:center top;
    
}

.p-box h1{
    position:absolute;
    top:100px;
    left:200px
}

.p-box h2{
    position:absolute;
    bottom:40px;
    right:100px;
}

.fix-me{
    position:fixed;
    top:400px;
}

.my-list li:first-child{
    background: red;
}

.my-list li:last-child{
    background: blue;
}

.my-list li:nth-child(5){
    background: yellow;
}

.my-list li:nth-child(even){
    background: grey;
}