body{
    background-color:lightblue;
    margin: 0px;
}

header{
    height: 150px;
    background-image: linear-gradient(blue,green);
}
header img{
    position:absolute;
    top: 10px;
    right: 30px;         
    transition: all 3s ease-in-out;  
}
header img:hover{
    transform:rotate(1080deg);
}

h1{
    color: ghostwhite;
    line-height: 100px;
    margin:0 0 0 30px;
    
}
main{
    margin-left: 20px;
}

p::selection{
    color: darkmagenta;
            background-color:mistyrose;
}
h3::first-letter{
    color: midnightblue;
}
h3{
    color:chocolate;
}
#moving {
            width: 100px;
            height: 100px;
            position: relative;
            animation-name: moveDiv;
            animation-duration: 6s;
           animation-iteration-count: 2;
}

    @keyframes moveDiv{
          -5%   { left:0px; right:0px;}
            25%  { left:0px; right:200px;}
            50%  { left:200px; right:200px;}
            75%  { left:0px; right:200px;}
            110% { left:0px; right:0px;}   
        }