body{
    background-color:#594839;
}

h1{
font-family: "tt-nooks", serif;
font-weight: 700;
font-style: normal;
font-size: 50pt;
text-align: center;
background-color:#A69485;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}

        .parent1{
            display: flex;
            margin-left: 10%;
            margin-right: 10%;
        }

        .kiduno{
           flex: 33%;
        justify-content: left;
         padding: 2%;
        }

        .kiddos{
          flex: 33%;
         justify-content:center;
        padding: 2%;
        }

        .kidtres{
            flex: 33%;
         justify-content: right;
           padding: 2%;
        }
img{
   border: solid; 
   border-width:10px 10px 30px 10px;
   border-color: #EBEEF2;
}

.image1{
    align-items: center;
    justify-content: center; 
}

    .parent{
        display: flex;
        margin-left:10%;
        margin-right: 10%;
    }

    .kid1{
        flex: 33%;
        justify-content: left;
        padding: 2%;
    }

            .kid2{
                flex: 33%;
                justify-content: center;
                padding: 2%;
            }

                        .parent2{
                    display: flex;
                   
                }

                .child0{
                    flex: 33%;
                    justify-content: left;
                    padding: 2%;
                    align-self: left;

                }
                        .child1{
                            flex: 33%;
                            justify-content: center;
                            padding-right: 2%;
                            align-self: center;

                        }

                        .child3{
                            flex: 33%;
                            justify-content: right;
                            padding-left: 2%;
                            
                        }

            h3{
                font-family: "tt-nooks", serif;
                font-weight: 700;
                font-style: normal;
                background-color: #A69485;
                text-align: center;
            }

            .Me{
                font-family: "tt-nooks", serif;
                font-weight: 900;
                font-style: normal;
                font-size: 20pt;
            }
    .kid3{
        flex: 33%;
        justify-content: right;
        padding: 2%;
    }

h2{
font-family: "tt-nooks", serif;
font-weight: 700;
font-style: normal;
font-size: 50pt;
margin: 0%;
text-align: center;
background-color:#A69485;
}

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

 
    #continuous{
        background-color: #594839;
        padding: 5% 0;
    }

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

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

    .blocks{
        border: none; 
}

     .father{
            display: flex;
            margin-left: 10%;
            margin-right: 10%;
        }

        .son1{
           flex: 33%;
        justify-content: left;
         padding: 2%;
        }

        .son2{
          flex: 33%;
         justify-content:center;
        padding-left: 2%;
        }

        .son3{
            flex: 33%;
         justify-content: right;
           padding-right: 2%;
        }

button{
    color:#EBEEF2;
    font-family: "tt-nooks", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20pt;
    padding: 1em;
    background-color: #364013; 
    border-color:#EBEEF2;
    border-width:2px;
    border-radius: 10px;
    border: solid; 
}

button:hover{
    color:#364013 ;
    background-color: #EBEEF2;
    font-size: 22pt;
}

button:active{
     color:#EBEEF2;
    background-color: #364013; 
}

h4{
    font-size: 20pt;
    background-color:#8C774F;
    padding: 20px;
}


.row{
            display: flex;
         
            background-color:#8C774F ;
        }

        .social{
           flex: 33%;
        justify-content: left;
         padding: 2%;
        }

        .insta{
          flex: 50%;
         justify-content:left;
        padding-left: 0%;
        }

        .face{
            flex: 33%;
         justify-content: left;
           padding-right: 2%;
        }