diff --git a/css/experience.css b/css/experience.css index 23e0bea..29fc631 100644 --- a/css/experience.css +++ b/css/experience.css @@ -38,3 +38,7 @@ .ratiobtn{ display: none; } + +#experiencecontentcontainer{ + margin-top: 25px; +} diff --git a/css/general.css b/css/general.css index 390d3d0..96f4c7b 100644 --- a/css/general.css +++ b/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 */ + } } \ No newline at end of file diff --git a/index.html b/index.html index 651a685..edfc079 100644 --- a/index.html +++ b/index.html @@ -23,182 +23,193 @@
+