* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}

.container {
    .navbar {

        .elements {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-evenly;
            border: 0px solid pink;
            padding: 5px 160px;
            background-color: #FF6B6B;

            a {
                text-decoration: none;
                color: black;
                font-size: 18px;
                font-weight: bolder;
                letter-spacing: 3px;
                font-family: Georgia, 'Times New Roman', Times, serif;
            }

            .menuImg {
                img {
                    width: 40px;
                    height: auto;
                }
            }
        }
    }

    .homePage {
        background-size: cover;
        background-image: linear-gradient(to left top, #e9b0f8, #ffb2d5, #ffc3b2, #ffdea1, #f5f9ae);
        width: 100%; 
        .contents {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: fit-content;
            height: fit-content;
            width: 100%;
            

            .introduction {
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 80px;
                padding: 60px;

                h1 {
                    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                    letter-spacing: 6px;
                    font-size: 54px;
                }

                p {
                    display: flex;
                    font-family: 'Georgia', serif;
                    font-size: 20px;
                    line-height: 1.5;

                }

                button {
                    border: none;
                    background-color: #FF6B6B;
                    color: white;
                    width: 220px;
                    height: 50px;
                }
            }

            img {
                width: 50%;
                height: 100vh;
            }
        }

        .exploreMore {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 150px;
           padding-bottom: 150px;
           width: 100%;

            .leftImg {
                display: flex;
                flex-direction: column;
                gap: 10px;

                img {
                    width: 280px;
                    height: 220px;
                }
            }

            .rightImg {
                img {
                    width: 300px;
                    height: 450px;
                    padding-left: 20px;
                    padding-right: 30px;
                }
            }

            .explore {
                font-family: Arial, Helvetica, sans-serif;
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding: 20px;
                background-color: #FF6B6B;
                border: 1px solid rgb(182, 107, 120);
                width: fit-content;
                padding: 20px 40px;
                justify-content: space-evenly;

                p {
                    font-size: 14px;
                }

                h1 {
                    font-size: 54px;
                    font-weight: bolder;
                    letter-spacing: 4px;
                }

                button {
                    display: flex;
                    align-items: center;
                    border: none;
                    background-color: #FF6B6B;
                    gap: 10px;

                    img {
                        width: 20px;
                    }

                }
            }
        }


    }

}