@charset "UTF-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    transition: background-image 1s ease-in-out;
    height: 100vh;
    background-image: url('images/Xe-Xmas.jpg'); /* Initial background image */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    color: black;
}


/*
body {
    background-image: url('images/Xe-Xmas.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    color: white;
}
*/

p{
background: pink;
padding: 1em;
}
/* This is the "link" state -- the default appearance of a link before it's interacted with */
a:link {
    color: #f30404;
    text-decoration: none; /* removes the underline */
}

/* This is the "visited" state -- changes the appearance of a link after it's been clicked on and visited */
a:visited {
    color: #d814f6;
}

/* This is the "hover" state -- changes the appearance of a link when you hover over it with the mouse */
a:hover {
    color: #f350c8;
    text-decoration: underline; /* adds an underline when you hover */
}

/* This is the "active" state -- changes the appearance of a link at the moment it's being clicked */
a:active {
    color: #f0f40b;
}