*{
    margin: 0%;
    padding: 0%;
    
}




   .header{
    height: 75px;
    width: 100%;
    background-color: rgb(23, 172, 218);
    justify-content: center;
    
   }
   
 .text{
    height: 10px;
   font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 4rem;
    font-weight: 900;
    color: red;
    font-style: italic;
    
    animation: typing 1s steps(20) infinite
    alternate-reverse;
 }
/*    */

 .img{
    margin-left: 10px;
    height: 25px;
    width: 20;
    background-color: transparent;
    margin-top: -27px;
    size: 1rem;
   
    
 }

 .img2{
   align-items: end;
    margin-left: 1200px;
    margin-top: -14px;
 }
 

 #headerpage{
    height: 10%;
    width: 100%;
    background-color: green;
    border: 10cm;
    border-color: black;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
 }
 #headerpage:hover{
text-overflow: clip;
text-transform: none;
 }

 .home {
    color: red;

}

 .home{
    margin: 15px;
    justify-content: center;
    margin-left: 3%;
 }


 .copyright{
    width: 100%;
    height: 50px;
    background-color: rgb(25, 24, 29);
    display: flex;
    align-items: center;
    justify-content: center;
    /* animation-play-state: running; */
    font-weight: bold;
    /* margin-right: auto; */
    color: rgb(255, 246, 246);
 }


 .work{
   width: 100%;
 }