<!-- Styles your button (this is a 100x100 pixels image) -->

<style>

.back-to-top {

background-color:hsl(223, 85%, 22%);

color:blue;

opacity: 1;

transition: opacity .6s ease-in-out;

z-index: 999;

position: fixed;

right: 20px;

bottom: 20px;

/* Change the width and height to match your image dimensions */

width: 60px;

height: 60px;

box-sizing: border-box;

border-radius: 50%;

padding:8px;

}

.back-to-top.show {

opacity: 1;

}

</style>

<!-- Adds the back to top link to your website. Replaces the text with an image of your choosing. Add your own image url where it says ADD URL HERE. -->

<a href="/contact" id="back-to-top" class="back-to-top" style="display: inline;"><img src="https://static1.squarespace.com/static/58cbb26837c581b94493222b/t/5d270010e919540001d7df90/1562837008635/chat.svg" ></a>

<!-- Fades in the button when you scroll down -->

<script>

var link = document.getElementById("back-to-top");

var amountScrolled = 250;

window.addEventListener('scroll', function(e) {

if ( window.pageYOffset > amountScrolled ) {

link.className += ' show';

} else {

link.className = 'back-to-top';

}

});

</script>