body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes waterEffect{0%{background-position:0 0}to{background-position:100% 0}}.logo{height:auto;left:50%;max-width:100%;position:absolute;top:3%;transform:translateX(-50%);width:250px}.App{background-attachment:fixed;background-color:#240a35;background-image:url(/static/media/Loykatong_BG.19140ce081e8525bc8aa.png);background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:Kanit,sans-serif;justify-content:space-between;min-height:100vh;padding:0 20px;text-align:center}.App-header{border-radius:10px 10px 10px 10px;color:#ffd000}button{background-color:#ffca28;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.125rem;font-weight:700;margin:10px;padding:12px 24px;transition:background-color .3s ease}button:hover{background-color:#ffb300}@media (max-width:768px){button{font-size:1rem;padding:6px 12px}}@media (min-width:1200px){button{font-size:1rem;padding:10px 20px}}.float{animation:fadeIn 2s forwards;opacity:0}.krathong-preview{border:2px solid #ffd103;border-radius:10px;box-shadow:0 4px 8px #0003;display:block;height:100px;margin:10px auto;object-fit:cover;width:100px}.krathong-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:350px;position:relative;top:0;z-index:2}.floating-krathong{animation:float-crt 9s ease-in-out infinite;height:150px;margin-bottom:50px;position:absolute;top:0;transition:left .5s ease}.floating-krathong:nth-child(odd){animation-delay:0s}.floating-krathong:nth-child(2n){animation-delay:4s}@keyframes float-crt{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-8px) translateX(-5px) rotate(-1deg)}50%{transform:translateY(5px) translateX(10px) rotate(1deg)}75%{transform:translateY(12px) translateX(-5px) rotate(-1deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}@keyframes floatRight{0%{left:0}to{left:100vw}}.krathong-img{height:100%;object-fit:cover;width:100%}.add-krathong-button{display:block;margin-top:350px;position:absolute;right:10px}.krathong-img{border-radius:8px;height:auto;margin-bottom:10px;width:120px}.floating-krathong p{color:#333;font-size:16px;font-weight:700;margin-top:8px}.popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:popupSlideIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #0000001a;padding:25px;text-align:center;width:320px}.popup-content button{background-color:#ffca28;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:15px;padding:12px 24px}.popup-content button:hover{background-color:#ffb300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.form-group{align-items:center;display:flex;margin-bottom:10px}.form-group p{margin-right:10px}.form-group input[type=file]{margin-left:10px}.water-effect{z-index:1}.water-effect,.water-effect2{height:400px;left:0;margin-top:30px;overflow:hidden;position:absolute;width:100%}.water-effect2{background-color:#1a0429;max-height:100%;z-index:0}.water-hidden{height:100%;margin-bottom:10px;overflow:hidden;width:100%}.water-hidden,.wave{left:0;position:absolute;top:0}.wave{animation:wave-animation 30s linear infinite;height:50%;opacity:.8;width:200%}.wave2{animation:wave-animation 36s linear infinite;height:50%;margin-top:80px}.wave3{animation:wave-animation 40s linear infinite;height:50%}@keyframes wave-animation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.name_box{background-color:#570670;border-radius:10px;bottom:-10%;color:#ffd000;display:block;left:50%;padding:5px 15px;position:absolute;transform:translateX(-50%)}footer{bottom:0}.content{text-align:center}
/*# sourceMappingURL=main.8f5c86c8.css.map*/