/* scroll-to-top */
/*
:root
   {
      --scroll-to-top-bg-c: #00a4b4;
      --scroll-to-top-br-c: transparent;
      --scroll-to-top-c: white;
      --scroll-to-top-box-shadow: 0rem 0rem 0.5rem 0rem rgba(25,25,25,0.63);
   }
*/
.scroll-to-top
   {
      opacity: 0.75;
      z-index: 10;
      position: fixed;
      bottom: 1rem;
      right: 1rem;
		box-shadow: var(--scroll-to-top-box-shadow);
                  /* 0px 2px 15px */
       /* border-radius: 0.7rem;15px */
      border-radius: 100%; 
      border-color: var(--scroll-to-top-br-c);
      border-style: solid;
      border-width: 0rem; /* 5px */
      background-color: var(--scroll-to-top-bg-c);
      width: 4rem;
      height: 4rem;
      line-height: 4rem;
      color: var(--scroll-to-top-c);
      font-size: 2rem;
      cursor: pointer;
      transition: all 300ms cubic-bezier(0.005, 0.435, 1.000, 1.635);
      
   }
.scroll-to-top:hover
   {
      transform: scale(1.25);     
      transform-origin: 50% 50%;
   }