Rivers and lakes of the Earth

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Rivers of the Earth</title>
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
        <script src="//d3js.org/topojson.v1.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
        <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
		<style type="text/css">
			body {
				background-color: black;
                font-family: "Varela Round", sans-serif;
			}
            .text{
                position: fixed;
                top: 0px;
                right: 0px;
                width: 300px;
                color: #c4d3dd;
                background-color: rgba(0, 0, 0, 0.49);
                text-align: left;
                padding: 0px 20px 10px 10px;
                border-left: 1px solid #a87c00;
            }
            h1, p{
                clear: both;
                color: #c4d3dd;
            }
            a{
                color: #c4d3dd;
                text-decoration: none;
            }
            .button {
                float: left;
                cursor: pointer;
                background-color: #a87c00;
                font-size: 120%;
                width: 120px;
                border-radius: 2px;
                padding: 5px;
                margin-bottom: 15px;
                text-align: center;
            }
			svg {
				background-color: black;
			}
            path {
                fill: none;
                stroke: #c4d3dd
            }
            .ocean{
                visibility: hidden;
            }
		</style>
	</head>
	<body>
        <div class="text">
            <h1>The main rivers and lakes of the Earth</h1>
            <p>Geographic data by <a href="href","https://www.naturalearthdata.com/">Natural Earth.</a>
            Visualization by <a href="https://mavromatika.com">Mavromatika</a> (P. Massat).</p>
            <div class="button" id="showOcean">Show oceans</div>
            
        </div>
		<script type="text/javascript" src="rivers.min.js"></script>
	</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js

https://d3js.org/topojson.v1.min.js

https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js