<!DOCTYPE html>
        <html>
        <head>
            <style>
                html, body {
                    height: 100%;
                    margin: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .box {
                    width: 300px;
                    height: 300px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background-color: #f0f0f0;
                    border-radius: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    animation: scaleUp 0.5s ease-in-out forwards;
                }

                @keyframes scaleUp {
                    0% {
                        transform: translate(-50%, -50%) scale(0);
                    }
                    100% {
                        transform: translate(-50%, -50%) scale(1);
                    }
                }
            </style>
        </head>
        <body>
            <div class="box">
                <p>Babalarımızı ve Annelerimizi üzmeyelim. Onlar bizim için hep daha iyisini isteyeceklerdir. Babalar Günü kutlu olsun!</p>
            </div>
        </body>
        </html>