Untitled

<DOCTYPE html>
<html>
    <head>
        <style>

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}


.button1 {
    background-color: green;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: black;
    color: white;
}


        </style>
        <title>LSD TRIP</title>
        <script type="text/javascript">
            function startlsd(){
                setTimeout(startlsd, 50);

                var ColorList =  ["red","green","purple","orange","blue"]
                var RandElement = ColorList[Math.floor(Math.random()*(ColorList.length))];
                document.body.style.backgroundColor = RandElement;

            }


        </script>
    </head>
<body>
    <form align="center" >
    <input type="button" class="button button1"  value="Start LSD Trip" id="activate"  onclick="startlsd()">


    </form>
        </body>
</html>