/**
 * @fileOverview The stylesheet for the app functionality
 * @author Chen FAN (fceek96@gmail.com)
 * @notes This stylesheet is for the dynamic look of the page, for animations, interactivity, etc.
 */

/*==== Controlled Scrolling ====*/

html,
body {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  overflow-y: hidden;
}

.header {
  scroll-snap-align: start;
}

.app {
  scroll-snap-align: start;
}

.main-confirm {
  cursor: pointer;
}

.footer-title h2 {
  cursor: pointer;
}