diff --git a/ora4/movies/movies.css b/ora4/movies/movies.css
new file mode 100644
index 0000000..8f08d84
--- /dev/null
+++ b/ora4/movies/movies.css
@@ -0,0 +1,96 @@
+@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
+
+movies {
+ border: medium solid indigo;
+ box-shadow: 0.25em 0.25em 0.5em indigo;
+ display: block;
+ font-family: Roboto, Arial, Helvetica, sans-serif;
+ margin: 1em;
+ padding: 1em;
+}
+
+movie {
+ display: list-item;
+ list-style-type: disc;
+ margin: 0.2em;
+ padding: 0.5em
+}
+
+title {
+ display: none;
+}
+
+title:lang(en),
+year,
+genre,
+rating,
+votes {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+title,
+year {}
+
+year::before {
+ content: '(';
+}
+
+year::after {
+ content: ')';
+}
+
+genre,
+rating,
+movie:hover::after {
+ color: white;
+}
+
+genre {
+ background-color: blueviolet;
+ border-radius: 4em;
+ font-size: 0.9em;
+ margin-right: 0.1em;
+ padding: 0.25em 0.6em;
+ text-align: center;
+}
+
+rating {
+ border-radius: 0.25em;
+ padding: 0.25em;
+}
+
+rating,
+movie:hover::after {
+ background-color: hotpink;
+ font-weight: bold;
+}
+
+rating::after {
+ content: "/10";
+}
+
+votes::before {
+ content: "from ";
+}
+
+votes::after {
+ content: " ratings";
+}
+
+movie:hover {
+ background-color: powderblue;
+}
+
+movie:hover::after {
+ background-color: gold;
+ color: blueviolet;
+ content: "https://www.imdb.com/title/tt" attr(id);
+ font-family: monospace;
+ font-size: large;
+}
+
+movie:is([mpa-rating=R], [mpa-rating=NC-17])> :is(title, year) {
+ color: red;
+ font-weight: bold;
+}
diff --git a/ora4/movies/movies.dtd b/ora4/movies/movies.dtd
new file mode 100644
index 0000000..b8022c6
--- /dev/null
+++ b/ora4/movies/movies.dtd
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ora4/movies/movies.xml b/ora4/movies/movies.xml
new file mode 100644
index 0000000..6c816fe
--- /dev/null
+++ b/ora4/movies/movies.xml
@@ -0,0 +1,66 @@
+
+
+
+
+
The requested URL was not found on this server.
+