.hellow{
    background: url(../images/cereal-5367280_1920.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 550px;
}
.one{
    width: 400px;
    text-align: justify;
    animation: more infinite 30s;
}
.one h4{
    color: yellow;
}
.one h1{
    color: white;
}
.one p{
    color: white;
}
.one button{
    border: 1px solid rgb(0, 0, 0);
    height: 35px;
    width: 150px;
    background: transparent;
    color: white;
}
.one button:hover{
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    box-shadow: 2px 2px 2px;
    transition: 2s;
}
@keyframes more {
    0%{
        margin-top:50px;
        margin-left:40px;
    }
    25%{
        margin-top:250px;
        margin-left:40px;
    }
    50%{
        margin-top:250px;
        margin-left:450px;
    }
    75%{
        margin-top:50px;
        margin-left:450px;
    }
    100%{
        margin-top:50px;
        margin-left:40px;
    }
}
.more{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.card img{
    width: 100%;
    height: 200px;
}
.barri{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.barri button{
    text-align: center;
    height: 60px;
    width: 350px;
    font-size: 30px;
    font-weight: 700;
    
}
.barri button:hover{
    background: black;
    color: white;
}
.bababa{
    
    width: 100%;
    height: 550px;
}
.what{
    background: #015788;
    width: 100%;
    height: 500px;
}
.monto{
    margin-left: 100px;
}
.monto h1{
    color: yellow;
    font-size: 60px;
}
.monto h2{
    color: rgb(12, 228, 174);
    font-size: 40px;
}
.monto h3{
    color: rgb(255, 255, 255);
    margin-top: 150px;
}
.monto button{
    background: transparent;
    border: 1px solid white;
    width: 150px;
    height: 50px;
}
.monto button:hover{
    background: white;
    color: black;
    font-weight: 400;
    border: 1px solid black;
}
.morow{
    background: url(../images/Screenshot_39.png);
    width: 100%;
    height: 550px;
    background-repeat: no-repeat;
}
.merri{
    background: url(../images/01.jpg);
    height: 400px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
}
.merrius{
    background: url(../images/02.jpg);
    height: 400px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
}
.merriok{
    background: url(../images/03.jpg);
    height: 400px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
}
.merri h2{
    color: rgb(219, 20, 143);
    text-shadow: 2px 2px 2px;
    
}
.merrius h2{
    color: rgb(20, 73, 219);
    text-shadow: 2px 2px 2px;
    
}
.merriok h2{
    color: rgb(43, 219, 20);
    text-shadow: 2px 2px 2px;
    
}
.merri p{
    color: rgba(255, 255, 255, 0.87);
    
}
.merrius p{
    color: rgba(255, 255, 255, 0.87);
    
}
.merriok p{
    color: rgba(255, 255, 255, 0.87);
    
}
.merri button{
    border: 1px solid black;
    background: transparent;
}
.merri button:hover{
    background: black;
    color: white;
    transition: 2s;
}
.merriok button{
    border: 1px solid black;
    background: transparent;
}
.merriok button:hover{
    background: black;
    color: white;
    transition: 2s;
}
.merrius button{
    border: 1px solid black;
    background: transparent;
}
.merrius button:hover{
    background: black;
    color: white;
    transition: 2s;
}

.six{
    
    background: white;
}
.boil{
    width: 100%;
    background: #1B6DCC;
    height: 150px;
    text-align: center;
    
}
.seven{
    margin-top: 50px;
}
.green img{
    width: 100%;
    height: 550px;
}
.kolli h1{
    color: purple;
}
.kolli h2{
    color: red;
}
.kolli input{}
.kolli p{

}
.kolli{
    margin-top: 70px;
}
.joli h1{
    
    font-size: 60px;
    text-align: center;
    background:url(../images/80qW.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Kaushan Script', cursive;
}