<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=0.65">
<title>You've got a card</title>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Charmonman:wght@700&display=swap" rel="stylesheet">
<link rel='stylesheet' href='styles.css'>
<script src="script.js"></script>
</head>
<body>
<main id='card'>
<section id="cover" onclick='openUp()'>
<img src="flowers.png">
<h1>To the Most Amazing Mom</h1>
<h2>Love, your son...</h2>
</section>
<section id='message'>
<h1>Happy Mother's Day!</h1>
<img src="https://media.giphy.com/media/ixCowrUCFrfXOXBK7e/giphy.gif">
<h1>with love, ME!</h1>
</section>
</main>
</body>
</html>