<style>
main {
    display: block; /* Biztosítja, hogy látható elem legyen */
    width: 80%; /* A képernyő 80%-át tölti ki */
    max-width: 700px; /* De ne legyen szélesebb 700 pixelnél */
    margin: 50px auto; /* Középre igazítja a dobozt */
    background: white; /* Fehér hátteret ad a szöveg alá */
    padding: 20px; /* Helyet hagy a szélek és a tartalom között */
    border-radius: 20px; /* Lekerekíti a sarkokat */
    min-height: 300px; /* Ad neki egy alap magasságot */
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2); /* Egy kis árnyék, hogy kiemelkedjen */

}

body {
    background-image: url('https://i.pinimg.com/736x/91/57/66/915766f3b9f1e1d7aac1bc9d732640f9.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Ez a lényeg! Ettől nem mozog a háttér */
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

<head>
@font-face {
    font-family: 'Mutlu';
    src: url('Mutlu__Ornamental.ttf'); /* Ha más a fájl neve a Neocities-en, írd át pontosan arra! */
}
</head>

</body>

</style>