<div class="menu-item"><a href="#" class="menu-link">Portfolio</a></div>
<div class="menu-item"><a href="#" class="menu-link">Contact Us</a></div>
</div>
<img src="https://wp-assets.futurism.com/2019/10/elon-musk-donates-million-trees-1200x630.jpg"
class="image">
<!-- Transitions Challenge
---------------------
The goal of this challenge is to add two transitions to the website; one to the title to change its
color to #1f93ff on hover, and another to the menu items to make them grow to 2.5em *and* change
color to #1f93ff on hover. Transitions will be added from the ground up, including pseudoselectors
and the transitions themselves. All transitions need to have a duration of 1 second and use the
ease-out timing function. Good luck! -->
</body>
</html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="index.css">
<title>Transitions - Real-World Challenge</title>
</head>
<body>
<div class="title-wrapper">
<h1 class="title">The Website!</h1>
</div>
<div class="menu">
<div class="menu-item"><a href="#" class="menu-link">Home</a></div>
<div class="menu-item"><a href="#" class="menu-link">About Us</a></div>
<div class="menu-item"><a href="#" class="menu-link">Services</a></div>
