<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8”> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0”> <title>X-Flix</title> </head> <style> @import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap’); </style> { margin: 0; padding: 0; box-sizing: border-box; font-family: ‘Roboto’, sans-serif; } ul, li { list-style-type: none; } button { border: none; margin: 10px 0; padding: 10px 30px; } .row { width: 60%; margin: auto; display:…