style.css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-image: url(body_bg.png);
}
.p{
    color: white;
    cursor: pointer;
}
.p:hover{
 color: rgb(208, 90, 39);
cursor: pointer;
}
li{
    list-style: none;
    padding: 20px;
    color: white;
    cursor: pointer;
}
li:hover{
    color: rgb(208, 90, 39);
}
.h1 h1{
    color: #fff;
}
.h1 p{
    font-size: 20px;
    color: white;
}
button{
    width: 220px;
    height: 46px;
    border-radius: 50px;
    background-color: rgb(208, 90, 39);
    color: white;
    cursor: pointer;
    border: none;
}
button:hover{
    background-color: rgb(0, 0, 0);
    color: white;
    cursor: pointer;

}
.section{
    background-color: #fff;
}
#po{
    color: #fff;
    text-align: center;
}
#k{
    color: white;
    text-align: center;
}
.img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: white;
}
.inputs{
    color: white;
    text-align: center;
}
.inputs input{
    width: 100%;
    height: 45px;
    background: none;
   border: 4px solid #ffffff;
   padding: 20px;
   color: #fff;
}
.inputs input::placeholder{
    color: white;
}
.footer{
    color: #fff;
}
.input{
    width: 250px;
    margin: 20px;
    height: 50px;
    border-radius: 50px;
    padding: 20px;
}
.horiline{
    width: 100%;
    height: 2px;
    background: #fff;
}
p{
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
.pu{
    text-align: left;
}
.o{
    color: black;
    text-align: left;
}