*{
    margin: 0;
    padding: 0;
    border: none;
}
header {
    background-color: hsla(224, 70%, 84%, 0.877);
   
}

header li{
    display:inline ;
    margin: auto 10px;
}

header a{
    color: rgb(34, 9, 255);
    font-size: 30px;
    text-decoration: none;
}

header a :hover{
    color: rgb(0, 243, 211);

}

header ul{
    text-align: center;
    padding-top: 21px;
}

header :hover{
    color: hsl(177, 89%, 50%);
}

h3{
    font-size: 50px; 
    height: 80px;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
}

img{
   border-radius: 20px;
    width: calc(100v- 60px);
    height: 350px;
    position: relative;
}

p1{
   font-size: 200%;
   padding: 30px;
   height: 500px;
   position: absolute;
   text-align: center;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}

h4{
    font-size: 100%;
    text-align: center;
    height: 20px;
    font-size: larger;
    margin-bottom: 20px;
}

h4{
    font-size: x-large;
}

p2{

    text-align: center;
    font-size:larger;
   line-height: 1;
   color: blue;
}