a up to top button

css/experience.css

@@ -38,3 +38,7 @@
 .ratiobtn{
     display: none;
 }
+
+#experiencecontentcontainer{
+    margin-top: 25px;
+}

css/general.css

@@ -1,4 +1,4 @@
-body, html {
+body, html, #maincontent {
     height: 100%;
     scroll-behavior: smooth;
     /*font-family: Calibre, "San Francisco", "SF Pro Text", -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", Arial, sans-serif;*/
@@ -12,6 +12,29 @@ body, html {
     min-height: 530px;
 }
 
+#backtotopbutton{
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    height: 88px;
+    width: 120px;
+
+    margin-bottom: 40px;
+    margin-right: 60px;
+    background-color: #311E25;
+    opacity: 0.5;
+    transition: opacity 500ms;
+    color: white;
+
+    border-radius: 13px;
+    text-align: center;
+}
+
+#backtotopbutton:hover{
+    opacity: 1;
+    transition: opacity 500ms;
+}
+
 /* nav item formattings */
 .nav-item {
     text-transform: uppercase;
@@ -34,4 +57,8 @@ body, html {
     .tile {
         min-height: 300px;
     }
+
+    #backtotopbutton{
+        display: none; /* hide scroll to top button on mobile devices */
+    }
 }