.scroll-ani-box{width:100%;max-width:300px;height:250px;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:3rem;background:linear-gradient(135deg,#f1bd81 10%,#e07e0e 90%);margin:15px;border-radius:8px;box-shadow:1px 3px 12px #fff6;letter-spacing:2px;transform:translate(-400%);transition:transform .4s cubic-bezier(.075,.82,.165,1)}@media (max-width: 768px){.scroll-ani-box{font-size:2rem}}.scroll-ani-box:nth-child(even){transform:translate(400%)}.scroll-ani-box.show{transform:translate(0)}.scroll-ani-box .scroll-ani-box-title{color:#fff;text-transform:uppercase;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.flex-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.scrollbar{width:10px;height:10px}body,html{margin:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#94ccf7 10%,#2686cf 90%)}body ::-webkit-scrollbar,html ::-webkit-scrollbar{width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f1bd81%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23e07e0e%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E")}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2394ccf7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232686cf%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E")}body .app,html .app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}body .app .scroll-ani-title,html .app .scroll-ani-title{text-align:center;color:#535455;letter-spacing:2px;margin:1rem;font-size:3rem}