body {
    font-family: 'Courier New', Courier, monospace;
    background-image: url("img/spacetime.gif"),url("img/grey2.jpg");
    background-size:100% auto, 100% auto;
    background-repeat: no-repeat, repeat-y;
    background-position: top, bottom;
}

.counter-container {
      position: fixed; /* Καθορίζει ότι το στοιχείο θα έχει σταθερή θέση στην οθόνη, δηλαδή δεν θα μετακινείται καθώς ο χρήστης κάνει scroll */
    top: 70%; /* Ορίζει την απόσταση του στοιχείου από το πάνω μέρος της οθόνης στο 60% του ύψους της οθόνης */
    left: 50%; /* Ορίζει την απόσταση του στοιχείου από το αριστερό μέρος της οθόνης στο 52% του πλάτους της οθόνης, μετακινώντας το ελαφρώς δεξιά από το κέντρο */
    transform: translate(-50%, -50%); /* Μετακινεί το στοιχείο προς τα πίσω (αριστερά και πάνω) κατά 50% του δικού του πλάτους και ύψους, αντίστοιχα, για να εξισορροπήσει την αρχική τοποθέτηση και να φαίνεται κεντραρισμένο στη νέα του θέση */
    font-size: 2em; /* Ορίζει το μέγεθος της γραμματοσειράς του στοιχείου σε 2em, όπου 1em είναι το μέγεθος της γραμματοσειράς του γονικού στοιχείου */
    color: black; /* Ορίζει το χρώμα του κειμένου του στοιχείου */
}

#counter {
    color:black;
}