body { font-family: "Funnel Display", sans-serif; }

@media (width >= 1200px) { #siteContainer { height: 100%; } }
.responsive-padding { padding: clamp(30px, 5vw, 100px); }

.mainTitle { font-size: clamp(2.5rem, (5vw + 1rem), 7rem); font-weight: 800; }
.listForm .listIcon { width: 30px; }

.moveLine { cursor: grab; }
.drag-ghost { opacity: 0.4; }
.drag-chosen { background: #f8f9fa; }
.drag-dragging { cursor: grabbing; }

.tooltip-inner { max-width: 400px; white-space: normal; }

.magicContainer { position: relative; width: 100%; height: 100%; position: relative; }


/********************************************************************************************************/

.appearOnScroll { transition-delay: 300ms; }
.appearOnScroll { opacity: 0; transition: all .4s; }
.appearOnScroll.appearOnScroll-visible { opacity: 1; }

.appearOnScroll.aosTranslateShow { transform: scale(.9) translateY(2rem); }
.appearOnScroll.aosTranslateShow.appearOnScroll-visible { transform: scale(1) translateY(0); }

.appearOnScroll.aosTranslateHide { transform: scale(.9) translateY(0rem); }
.appearOnScroll.aosTranslateHide.appearOnScroll-visible { transform: scale(1) translateY(-2rem); }