* {
    margin: 0px;
    padding: 0px;
}
.parent {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
video {
    filter: blur(4px);
}
.child {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box1 {
    height: 80vh;
    width: 40cap;
    background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
    border-radius: 10%;
    color: rgb(241, 243, 206);
}
.heading {
    height: 15%;
    width: 100%;
    display: flex;
    justify-content: center;
}
.search {
    height: 50%;
    width: 10%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-content: center;
    background-color: #ba83ca;
    border-radius: 20%;
    cursor: pointer;
    box-shadow: 5px 5px 10px;

}
i {
    color: white;
    display: flex;
    align-content: center;
}
.box2 {
    padding-top: 5%;
    height: 10vh;
    display: flex;
    justify-content: center;
    justify-content: space-around;
    align-items: center;
}
.image {
    height: 100%;
    width: 19%;
    border-radius: 10%;
}
input {
    padding-left: 3%;
    width: 45%;
    height: 40%;
    font-size: 110%;
    font-style: italic;
    background-color: rgb(209, 240, 236);
    outline-color: orange;
}
.box3 {
    margin: 5%;
    height: 60%;
    /* background-color:aquamarine; */
}
.weather {
    height: 80%;
    /* background-color: aliceblue; */
}
p {
    font-size: larger;
    font-weight: bolder;
}
.temp {
    margin: 5%;
    height: 15%;
    /* background-color: blue; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.data {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4%;
}
span {
    font-size: 17px;
}