* { 
    margin: 0; 
    padding: 0; }


        body { 

            line-height: 24px; 
            background: linear-gradient(-45deg, #eeff01, #e73c3c, #23a6d5, #23d5ab);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
            color: rgb(0, 0, 0);
            }
            @keyframes gradient {
                0% {
                    background-position: 0% 50%;
                }
                50% {
                    background-position: 100% 50%;
                }
                100% {
                    background-position: 0% 50%;
                }
            }
          
        .mypicture {
            transition: transform .7s ease-in-out;
            border-radius: 30%;
        }

        #contact-form {
            text-align: center;
        }
        .contact-title {
            text-align: center;
        }

        .banner-image {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }


        .mypicture:hover {
            transform: rotate(5deg);
        
        }

        .clear { 
            clear: both; }
            
        #page-wrap { 
            width: 60%; 
            margin: 40px auto 60px; }
            
        #pic { 
            float: right; 
            margin: -30px 0 0 0; }

        h1 { 
            margin: 0 0 16px 0; 
            padding: 0 0 16px 0; 
            font-size: 42px; 
            font-weight: bold; 
            letter-spacing: -2px; 
            border-bottom: 2px solid rgb(0, 0, 0); }

        h1:hover {
            color:rgb(255, 0, 0);
        }

        h2 { 
            font-size: 15px;
            margin: 0 0 6px 0; 
            position: relative; 
            font-family: Georgia, Serif;
            font-style: italic; 
            color: rgb(0, 0, 0);

        }
        
        h2 span { 
            position: absolute; 
            bottom: 0;
            right: 0; 
            font-style: italic; 
            font-family: Georgia, Serif; 
            font-size: 16px; 
            color: rgb(0, 0, 0); 
            font-weight: normal;
            
        }

        p { 
            margin: 0 0 16px 0;
            font-family: Georgia, Serif;
            font-style: italic; 
            color: rgb(0, 0, 0);

   
        }

        a {
             color: rgb(0, 0, 0);
            text-decoration: none; 
            border-bottom: 1px dotted rgb(0, 0, 0); }

        a:hover { 
            border-bottom-style: solid; 
            color: rgb(255, 0, 0); }

        ul {
             margin: 0 0 32px 17px; }

        #objective {
             width: 500px; 
             float: left; }

        #objective p {
            font-family: Georgia, Serif;
            font-style: italic; 
            color: rgb(0, 0, 0); }

        dt { 
            font-style:oblique;
            font-weight: bold; 
            font-size: 18px; 
            text-align: right; 
            padding: 0 26px 0 0; 
            width: 150px; 
            float: left; 
            height: 100px; 
            border-right: 1px solid #999;  }

        dd { 
            width: 700px; 
            float: right; }
        dd.clear {
            float: none; 
            margin: 0; 
            height: 15px; }