*{
    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%);
}

h5{
    padding: auto;
   margin-bottom: 20px;
    height: 60px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 200%;
}

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

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

p1{
    font-size: 200%;
}

h4{
    padding: auto;
    text-align: center;
    height: 20px;
    font-size: 30px;
    margin-bottom: 20px;

}

p3{
    padding: auto;
    text-align: center;
    font-family: arial;
    color: rgb(2, 2, 107);
    font-size:larger;
}

p3{
    font-size: 150%;
}