;
    transform-origin: 50% 50%;
  }
  @media (max-width: 768px) 
  {
  .theme-switch,
  #checkbox 
  {
    opacity: 0;
    pointer-events: none; 
  }

  #image 
  {
    opacity: 0;
    pointer-events: none; 
  }
}
  
</style>
</head>

<body>
  <script type="text/javascript">
    window.addEventListener("scroll", function () {
      var header = document.querySelector("nav");
      header.classList.toggle("sticky", window.scrollY > 50)
    })
  </script>

  <button id="scrollToTopBtn" class="scrollToTopBtn"