html{
    scroll-behavior: smooth;
}
@font-face {
    font-family: "My Font";
    src: url(MyFont.ttf);
}
body{
    background-color: #A1A1F7;
    font-family: "Gil Sans";
    }

.navbar ul{
    display: flex;
    list-style-type: none;
    justify-content: space-evenly;
    margin: 0%;
    padding: 10px 0px;
    font-family: "My Font";
    font-size: 30px;
    }
    .navbar a{
        text-decoration: none;
        color: #3a3968;
    }
    .navbar a:hover{
        color: #A1A1F7;
    }

.header{
    display: flex;
    justify-content: center;
    background-color: #dfdfff;
    background-image: url("https://i.pinimg.com/736x/eb/14/e6/eb14e6f254a5fa9ba36c10b607ffdf25.jpg");
    background-repeat: no-repeat;
    background-size: 100% 800px;
    margin: -55px;
    padding: 0px;
}
    .flowers{
        position: absolute;
        top: 260px;
        left: 0px;
        background-image: url("http://dl6.glitter-graphics.net/pub/2077/2077846anuz1sajya.gif");
        background-repeat:repeat-x;
        width: 100%;
    }
.mainmain{
    display: flex;
    justify-content: center;
   
    margin: 55px;
}
    .main{
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        justify-content: center;
        background-color: #51c8cf;
        margin: 55px 0px;
        height: 850px;
        border: dashed 3px #3a3968;
    }
        .navbar2{
            
            display:box;
            flex-direction: column;
            overflow-y:auto;
            height: 150px;
            align-self: center;
            margin: 0px 0 0 50px;
        }
            .navbar2 ul{
                list-style-type: none;
            }

        .main-container{
            display:flex;
            flex-direction: column;
            margin: 0 50px;
      
            width:500px;
        }
            .welcome{
         
            text-align: center;
            margin:10px 0 0 0;
            
        }
            .page-container{
                
                height: 730px;
                overflow-y: auto;
                padding: 0px 10px;
            }
                .page{
                    background-image: url("https://i.pinimg.com/736x/ff/17/bb/ff17bbf9c426f711662581eb56bddb7a.jpg");
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    height: 700px;
                    overflow-y: auto;
                    margin:  0 0 15px;
                    position: relative;
                }
                    .date{
                        font-family: "Gil Sans";
                        font-size: 10px;
                        padding: 6px 0px 0px 72px;
                        height: 40px;
                    }

                    .title{
                        font-family: "Gil Sans";
                        font-size: 15px;
                        padding: 0 0 0 80px;
                    }
                    .text{
                        position: absolute;
                        font-family: "My Font";
                        font-size: 25px;
                        margin: -10px 43px 5px 33px;
                        height: 575px;
                     
                        width: 410px;
                        overflow-y:hidden;
                        overflow-y: auto;
                        
                    }
    .footer{
        display: flex;
            justify-content: center;
            align-items: center;
        background-color:#48b5c2;
        height: 25px;
        font-family: Arial;
            font-size: 15px;
            color: black;
        margin: -10px;
        padding: 0px;
    }