* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    box-sizing: border-box;
    list-style: none;
}
    .header{
        display: flex;
        justify-content: center;
        background-color: rgb(255, 157, 0);
        margin-bottom: 50px;
    }
    .header__text{
        font-family: "Rubik", sans-serif;
    }
    .body{
        animation: main infinite;
        animation-duration: 0.1s;
    }
    btn1{
        display: flex;
        width: 900px;
        height: 50px;
        justify-content: center;
        margin: auto;
        background-color: aqua;
        overflow: hidden;
        animation: anim infinite ease;
        animation-duration: 0.5s;
    }
    @keyframes main {
        0%{background-color: rgb(40, 40, 40);}
        50%{background-color: rgb(157, 95, 24);}
        100%{background-color: black;}
    }
    .main:hover{
        background-color: brown;
                animation: anim infinite ease;
        animation-duration: 1s;
    }
    .btn1{
        width: 350px;
        height: 100px;
        background-color: rgb(192, 129, 4);
        border-radius: 10px;
        display: flex;
        justify-content: center;
        margin: 30px auto;
    }
    .btn1:hover{
        background: linear-gradient(rgb(135, 105, 40), red);
    }
    .btn1__text{
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        color: rgb(255, 255, 255);
        margin: auto;
        font-size: 50px;
    }
    @keyframes anim {
        0%{}
        100%{
            transform: rotate(360deg);
        }
    }
    .box{
        display: flex;
        justify-content: center;
        justify-items: center;
    }
    .box__colum3{
        width: 16%;
        height: 1500px;
        display: flex;
        margin: 150px 0;
        margin-bottom: 0;
        animation: l3 infinite;
        animation-duration: 0.1s;
    }
    .box__colum2{
        width: 16%;
        height: 1000px;
        display: flex;
        margin: 100px 0;
        margin-bottom: 0;
        animation: l2 infinite;
        animation-duration: 0.1s;
    }
    .box__colum{
        width: 16%;
        height: 1000px;
        display: flex;
        margin: 50px 0;
        margin-bottom: 0;
        animation: l1 infinite;
        animation-duration: 0.1s;
    }
    .box__colum4{
        width: 16%;
        height: 1000px;
        display: flex;
        margin: 100px 0;
        margin-bottom: 0;
        animation: l4 infinite;
        animation-duration: 0.1s;
    }
    .box__colum5{
        width: 17%;
        height: 1000px;
        display: flex;
        margin: 50px 0;
        margin-bottom: 0;
        animation: l1 infinite;
        animation-duration: 0.1s;
    }
    .box__colum{
        width: 16%;
        height: 1000px;
        display: flex;
        margin: 50px 0;
        margin-bottom: 0;
        animation: l4 infinite;
        animation-duration: 0.1s;
    }
    @keyframes l1 {
        0%{background: linear-gradient(yellow, red, purple);}
        100%{background: linear-gradient(rgb(26, 9, 100), rgb(255, 25, 175), rgb(15, 178, 113));}
    }
    @keyframes l2 {
        0%{background: linear-gradient(rgb(46, 34, 215), rgb(211, 123, 0), rgb(128, 53, 0));}
        100%{background: linear-gradient(rgb(100, 9, 27), rgb(220, 255, 25), rgb(178, 15, 15));}
    }
    @keyframes l3 {
        0%{background: linear-gradient(rgb(204, 0, 255), rgb(98, 44, 204), rgb(255, 255, 255));}
        100%{background: linear-gradient(rgb(172, 206, 178), rgb(255, 25, 71), rgb(178, 154, 15));}
    }
    @keyframes l4 {
        0%{background: linear-gradient(rgb(34, 215, 170), rgb(211, 0, 0), rgb(128, 41, 0));}
        100%{background: linear-gradient(rgb(9, 100, 70), rgb(205, 25, 255), rgb(15, 178, 53));}
    }