.bg{
    background-image: url("https://img.freepik.com/premium-photo/preparation-cooking-wooden-background-top-view-free-space-text_187166-51517.jpg");
    height: 100vh;
    width: 100vw;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}
.h1{
    color: aliceblue;
    text-shadow: 2px 2px 7px rgba(40, 159, 202, 0.273);
    position: absolute;
    left: 45%;
}
.flex{
    display: flex;
    position: absolute;
    top: 15%;
    border-width: 10px;
    border-color: aliceblue;
}
.img{
    height: 250px;
    width: 370px;
    border-radius: 20px;
}
.pad{
    padding-left: 45px;
    color: aliceblue;
}
.h3{
    color: aliceblue;
    text-shadow: 2px 2px 6px rgb(18, 105, 146);
}
.button1{
    color: #000306;
    text-shadow: 3px 3px 7px rgb(37, 109, 197);
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
    border-color: aliceblue;
    box-shadow: 2px 2px 5px rgb(40, 96, 140);

}
.button2{
    color: aliceblue;
    text-shadow: 3px 3px 7px rgb(37, 109, 197);
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
    border-color: aliceblue;
    box-shadow: 4px 4px 7px rgb(40, 96, 140);
    margin-left: 20px
}
.button2:hover{
    background-color: aliceblue;
    color: black;
}
.mar{
    margin-top: 40px;
}
.flex1{
    display: flex;
    position: absolute;
    top: 53%;
}
.p{
    padding-left: 15px;
}
.flex3{
    display: flex;
    position: absolute;
    top: 92%;
}
.flex4{
    display: flex;
    position: absolute;
    top: 130%;
}
.flex5{
    display: flex;
    position: absolute;
    top: 168%;
}
.posi{
    position: absolute;
    right: 25%;
    top: 180%;
    color:aliceblue;
    text-decoration: none;
    text-shadow: 2px 2px 6px rgb(54, 141, 173);
    box-shadow: 3px 3px 8px rgb(148, 12, 94) ;
    border-radius: 10px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}