body{
    background-color: azure;
    margin-top: 0%;
}
header >.header1{

    margin-top: 0%;
display: flex;
flex-direction:row;
gap: 15px;
Background: rgb(240, 54, 54);
/* color: #ffffff; */

}
#head>h1{
    margin-bottom: 0%;
}
#head>p{
    margin-top: 0%;
}
.header1>nav{
    margin-top: 2%;
    margin-left: 0%;
    margin-bottom: 0%;
}
.header1>nav>ul{
    list-style:none;
}
.header1>nav>ul>li{
    display: inline-block;
    margin-left: 55px;
}
.header1>nav>ul>li>a{
    text-decoration: none;
}
.header1>form{
    margin-top: 3% ;
    margin-left: 5%;
}
section{
    background-color: rgb(242, 248, 248);
}
.hero1>h1{
    text-transform: capitalize;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 3%;

}
.hero1>p{
    text-transform: capitalize;
    margin-top: 0%;
    margin-left: 2%;
}
article{
    background-color: #ebebe2;
    height: 300px;
     width: 100%; 
    
    /* margin-left: 50%; */


}
article>img{
    height: 250px;
    width: 250px;
    background-color: blanchedalmond;
    border-radius: 50%;
   margin-left: 20%;
   margin-top: 25px;
}
.art{
    float: right;
    margin-right: 40%;
    margin-top: 7%;
    letter-spacing: 1px;
}
button{
    background-color: red;
    padding: 15px;
    border: none;
    border-radius: 15px;
}
.video{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    gap: 15px ;
    padding: 15px;
    margin-bottom: 0%;
}
.video1{
    height: 225px;
    width: 370px;
margin-top: 25%;
    background-color:white;
    position: relative;
    
}
.video1>h1{
    text-transform: capitalize;
    /* letter-spacing: 1; */
    
}
.video1>h2{

    color: rgb(15, 15, 15);
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 5%;
    
}
.video1>P{
    margin-left: 10%; 
    margin-top: 0%;
display: list-item;
margin-bottom: 0%;
    
}
.video1>.p{
    /* margin-top: px; */
    /* margin-left: 80%; */
    background-color: black;
    color: white;
    padding: 5px;
    opacity: 0.2;
    position: absolute;
    bottom: 0%;
    right: 0%;

}
.video1>.img2{
    width: 255px;
    height: 225px;
    position:relative;
}
.input-container{
    background-color: white;
    margin-top: 5%;
}
footer{
    background-color:rgb(240, 54, 54) ;
    margin-top: 0%;
    margin-bottom: 0%;
}
#outputText{
    margin-bottom: 0%;
}
footer>p{
    margin-top: 0;
    display: inline;
}
.p{
    display: inline;
}