body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Background image */
    background-image: url("167E2A62-9C6F-4216-8592-13DFAB4E721E.jpg");
    background-size: cover;
    background-position: center;
    font-family: Arial, sans-serif;
}

.graffiti, .text {
    color: rgb(0, 0, 0);           /* ΑΡΧΙΚΟ χρώμα */
    text-align: center;
    transition: all 0.5s ease;
    cursor: pointer;
    letter-spacing: 0px;    /* κανονικό αρχικό spacing */
}

/* Όταν πας πάνω με το ποντίκι */
.graffiti:hover,
.text:hover {
    color: rgb(190, 95, 228);          /* Αλλάζει σε μωβ */
    letter-spacing: 10px;   /* ΤΑ ΓΡΑΜΜΑΤΑ ΑΠΟΜΑΚΡΥΝΟΝΤΑΙ */
}

/* Για το graffiti ειδικά, αρχική εμφάνιση */
.graffiti {
    font-size: 4rem;
    font-weight: bold;
}
body 
   body {
    background-image: url("167E2A62-9C6F-4216-8592-13DFAB4E721E.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   }