</head>
<body>
<div class="title">
<span>📺</span> <h1> Movie Selector </h1><span>📺</span>
</div>
<div class="movie-display">
<img id="suggested-movie-image" src="" alt="">
<p id="suggested-movie" class="suggested-movie">...</p>
</div>
<form>
<div class="two-clm">
<select id="age-selector">
<option value="" selected disabled hidden>Select Age</option>
<option value="18+">18+</option>
<option value="PG">PG</option>
</select>
<select id="genre-selector">
<option value="" selected disabled hidden>Select Genre</option>
<option value="Action">Action</option>
<option value="Romance">Romance</option>
</select>
</div>
<button id="btn" type="button">Select movie</button>
</form>
<script src="index.pack.js"></script>
</body>
</html>
<html>
<head>
<link rel="stylesheet" href="index.css">
