body{
    background-image: url('white.jpg');
}

.Header{
    text-align: right;
}
   .Header a{
    margin: 0 5px;
    padding: 5px 5px;
    color:#A5c33d;
    text-align: right;
    text-decoration: none;
    

   }
a:hover{
    color:#CBDA30;
}
.body{
    float: left;
    margin-left: 50px;
    margin-top: 100px;
    width: 40%
    
            
} 
h1{
    margin: 5px 0;
    width: 50%
}

p{ 
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 color: darkslategrey
 
}
img{
    position: absolute;
    right: 100px;
    top: 20%;
    bottom: 10%;
    
}
button{
    padding: 5px;
    border: 1px solid;
    border-radius: 20%;
    background-color:#a8a8a8;
}
form{
    background-color:aliceblue;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 10px #a8a8a8;
    width: 300px;    
    
}   
label{
    display: block;
    margin-bottom: 8px;
}
input, textarea{
    width: 100%;
    padding: 8px;
    margin-bottom: 4px;
    box-sizing: border-box;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
}
#submit{
    background-color: #cc9900;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
}
h1{
    margin: 10px 0px;
    transition: 0.3s linear;
}
.body:hover{
    transition: 0.4s linear;
}

.text-box{
    animation: slide-up 2s;
    margin-top: 200px;
    margin-left: 200px;
}
.text-box:hover{
    color:darkslategrey;
}

@keyframes slide up{
    from{
        opacity: 0.2s;
        line-height: 1000px;

    }
    to{
        opacity: 3;
        line-height: 25px;
    }

}