export default function Kontak() {
    return(
        <>
            <style>{`
                body {
                    margin: 0;
                    font-family: 'Poppins', sans-serif;
                    background: linear-gradient(135deg, #e0e0e0, #bfbfbf);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100vh;
                }

                div {
                    background: linear-gradient(145deg, #ffffff, #d9d9d9);
                    padding: 30px;
                    border-radius: 25px;
                    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
                    width: 350px;
                    text-align: center;
                }

                h1 {
                    color: #333;
                    margin-bottom: 20px;
                    letter-spacing: 1px;
                }

                p {
                    background: #f2f2f2;
                    margin: 10px 0;
                    padding: 10px;
                    border-radius: 12px;
                    color: #444;
                    font-size: 14px;
                    transition: 0.3s;
                }

                p:hover {
                    background: #d6d6d6;
                    transform: scale(1.03);
                }
            `}</style>

            <div>
                <h1>kontak saya</h1>
                <p>no saya = 0895707255300</p>
                <p>email saya = zahrotusyita@gmail.com</p>
                <p>alamat = Babakannanjung</p>
            </div>
        </>
    )
}