<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/
    ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./styles.css">
    <title>dice</title>
</head>
<body>
    <!-- css buttons -->
    <div id="rand" class="box">
        <button id="dark" class="btn fa fa-moon-o" onclick="klik()"></button>
        <button id="light" class="fa fa-sun-o btn visible" onclick="klak()"> </button>
    </div>
        <div id="box" class="textbox">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eleifend 
            odio eget tortor porta faucibus. Praesent rhoncus porta condimentum. Maec
            enas enim magna, vestibulum et sem non, luctus blandit diam. Class aptent
            taciti sociosqu ad litora torquent per conubia nostra, per inceptos hime
            naeos. Nullam suscipit, mi id bibendum luctus, nibh lacus scelerisque pu
            rus, vel placerat metus libero vel diam. Suspendisse at condimentum maur
            is. Fusce feugiat felis a velit imperdiet tempor. Quisque euismod nunc a
            t tellus vehicula tincidunt. 
        </div>
    <canvas id="canvas"></canvas>
    </body>
    <script src="./script.js"></script>
</html>