body{background-color: #F0F0F2;}

img{
    width: 400px;
}

header{
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 20px;
    position: absolute;
    right: 0;
    background-color: #F26B1D;
    max-height: fit-content;
    padding-top: 0%;
}

h1{
    color: white;
    font-family:Berlin Sans FB;
    font-size: 20pt;
}

.img{
    height: 400px;
    width: 300px;
}

.img2{
    height: 90%;
    width: 90%;
    padding-top: 30px;
}
        .row1{
            display: flex;
            padding-top: 300px;
        }

        .collum1{
        padding-top: 100px;
            align-self: center;
        }

        .collum2{
            flex:auto;
        }

        .collum3{
            padding-top: 100px;
        }

    .row2{
        display: flex;
        padding-top: 100pt;
    }
    .collum4{
        flex:50%;
        
    }

    .text1{
        font-family:Berlin Sans FB;
        font-size: 10pt;
        text-align: center;
        color: #F0F0F2;
        background-color: #F26B1D;
        border-radius: 60px; 
        width: 600px;
        height: 135px;
    }

    .text2{
        font-family:Berlin Sans FB;
        font-size: 13pt;
        text-align: center;
        background-color: #A5BF6B;
        border-radius: 60px;
        width: 600px;
        height: 130px;
    }

    .flavors{
        text-align: center;
        padding-top: 100px;
       font-family:Berlin Sans FB;
       font-size: 20px;
    }

    @keyframes loop {
        0% {transform: translateX(0%);}
        100% {transform: translateX(-50%);}
    }

 
    #continuous{
        background-color:#F0F0F2;
        padding: 1% 0;
    }

    #container {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        color:#A5BF6B;
        padding: 2% 0;
    }

    #container .scroll {
        background:#A5BF6B;
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: fit-content;
        white-space: nowrap;
        animation: loop 10s linear infinite;
    }


                @keyframes loop {
                    0% {transform: translateX(0%);}
                    100% {transform: translateX(-50%);}
                }
            
                #continuous2{
                    background-color:#F0F0F2;
                    padding: 1% 0;
                    padding-bottom: 3%;
                }

                #container {
                    width: 100%;
                    display: flex;
                    position: relative;
                    overflow: hidden;
                    white-space: nowrap;
                    color:#A5BF6B;
                    padding: 2% 0;
                }

                #container .scroll {
                    background:#A5BF6B;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    width: fit-content;
                    white-space: nowrap;
                    animation: loop 10s linear infinite;
                }

    .img3{
       height: 20%;
       width: 20%;
    }

    .st{
        padding-left: 540px;
         font-family:Berlin Sans FB;
        font-size: 15pt;
    }

    .Sharktank{
        height: 600px;
        width: 1000px;
        padding-left: 250px;
        padding-bottom: 30px;
    }

    .row3{
        display: flex;
        background-color: #F26B1D; 
    }

    .fb{
        height: 400px;
        width: 300px;
       margin-top: 0%;
    }

    
    .socials{
      text-align: center; 
      padding-top: 70px; 
    }