@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#efebe7;font-family:Montserrat,sans-serif;margin:0;padding:0}.montserrat{font-weight:700}.font,.montserrat{font-family:Montserrat,sans-serif}.font{font-optical-sizing:auto;font-style:normal;font-weight:700}.home-box{grid-gap:2rem;background-color:#efebe7;display:grid;gap:2rem;grid-template-rows:auto auto;margin-top:1rem;padding:2rem}.top-box{align-items:flex-start;background-image:url(/static/media/z.9cecf7e60c111d6f1e98.jpg);background-repeat:no-repeat;background-size:cover;border-radius:10px;display:flex;flex-direction:column;height:290px;justify-content:flex-end;margin-bottom:20px;padding:1.5rem}.top-box p{align-items:baseline;color:#fff;font-size:27px;margin:0 0 7px;text-align:left}.bottom-box{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.item-box-text{font-size:19px;grid-column:span 2;margin-top:-10px;padding:8px;text-align:left}.item-box-text button{background-color:#9578ad;border:none;border-radius:23px;color:#fff;cursor:pointer;font-family:montserrat;font-size:18px;font-weight:700;margin-top:20px;padding:10px 20px}.item-box-text button:hover{background-color:#674e7a;transition:.3s ease-in-out}.item-box img{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.item-box{align-items:center;background-color:grey;border-radius:1px;height:250px;justify-content:center;overflow:hidden;padding:0;width:100%}@media (max-width:450px){.bottom-box{display:flex;flex-direction:column;gap:1rem}.item-box{border-radius:20px}.item-box img{border:2px dotted #bda4bd;border-radius:6px;border-radius:20px;display:block;height:100%;object-fit:cover;width:100%}.item-box,.item-box+.item-box{display:flex;flex-direction:row}.bottom-box{align-items:center}.bottom-box .item-box-text~.item-box{display:inline-block}}.letter{background-color:#efebe7;height:91vh}.letter,.letter-box{align-items:center;display:flex;justify-content:center}.letter-box{aspect-ratio:5.5/3;background-color:#ffffffd9;border:1.5px solid #d4c1de;border-radius:14px;box-shadow:0 4px 6px #0000001a,inset 0 0 10px #fff6;flex-direction:column;max-width:800px;padding:2rem;position:relative;transition:.3s ease;width:65%}.letter-box:before{background:repeating-linear-gradient(-45deg,#bdaabe,#f0d2f1 10px,#fff 0,#fff 20px);border-top-left-radius:10px;border-top-right-radius:10px;content:"";height:10px;left:0;position:absolute;top:0;width:100%}.envelope-flap{background-color:initial;height:55%;position:absolute;top:10px;width:100%}.texts-box{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative}.stamp{opacity:.3;position:absolute;top:40px;width:120px;z-index:1}.letter-text{animation:twinkle 1.2s ease-in-out infinite;color:#a176a1;font-size:40px;font-weight:700;text-shadow:0 0 5px #fff,0 0 10px #b383b3,0 0 20px #f0f,0 0 30px #c0f,0 0 40px #9a69a7;z-index:2}.raksa-text{-webkit-text-stroke:1px #964284;color:#d4c1de;font-family:Times New Roman,Times,serif;font-size:60px;z-index:2}@media (max-width:550px){.letter-text{font-size:23px}.raksa-text{font-size:29px}.texts-box{padding:0}.stamp{opacity:.3;position:absolute;top:10px;width:70px;z-index:1}.letter-box{padding:3rem;top:-120px}}.article-section{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:1200px;padding:1.5rem}.article-box{align-items:center;background-color:initial;border-radius:12px;box-shadow:0 4px 10px #09030133;display:flex;gap:1.5rem;padding:1.5rem}.note-box{background:#fffaf0;border:2px solid #c2aacc;border-radius:1rem;box-shadow:0 4px 12px #0000001a;color:#444;font-family:Montserrat;margin:2rem auto;max-width:700px;padding:2rem;text-align:center}.note-box p:first-child,.note-box p:last-child{color:#a381b6;font-size:1.5rem;margin:.5rem 0}.note-box p:nth-child(2){font-size:1.125rem;line-height:1.7;margin:1rem 0}.article-box.left{flex-direction:row}.article-box.right{flex-direction:row-reverse}.image-placeholder{aspect-ratio:4/3;background-color:#d8d8d8;border-radius:8px;overflow:hidden;width:38%}.image-placeholder img{display:block;height:100%;object-fit:cover;opacity:1;position:static;width:100%}.article-text{flex:1 1}.article-text h2{color:#3e0842;font-size:1.6rem;margin-bottom:.5rem}.article-text p{color:#4a3a4a;margin-bottom:1rem}.read-more{background-color:#a48bb3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Montserrat;font-size:14px;font-weight:700;margin-bottom:.5rem;padding:.6rem 1.2rem;text-decoration:none}.read-more:hover{background-color:#73507e;transition:.3s ease}@media (max-width:650px){.article-box{flex-direction:column!important;gap:1rem;padding:1.2rem;text-align:center}.image-placeholder{aspect-ratio:4/3;margin:0 auto;width:100%}.article-text{width:100%}.article-text h2{font-size:1.3rem;margin-bottom:.6rem}.article-text p:nth-of-type(2){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.read-more{font-size:14px;margin-bottom:.4rem;margin-top:.5rem;padding:.5rem 1rem}}.about-box{display:flex;flex-direction:column;gap:2rem;padding:2rem}.intro-box{display:flex;flex-direction:row;gap:2rem}.intro-texts{flex:1 1;font-size:16px;line-height:1.6}.about-info{align-items:center;display:flex;gap:40px;justify-content:center;margin-top:20px}.about-title{font-size:25px;font-weight:700}.about-intro{font-size:18px;font-weight:700}.contact-box{display:flex;gap:2rem;margin-bottom:4rem;margin-top:5rem}.contact-left{flex:1 1;height:400px}.contact-right{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-left:10px;margin-top:80px}.contact-right input,.contact-right textarea{background-color:#d4cee0;border:none;border-radius:5px;font-family:montserrat;font-size:1rem;margin-bottom:10px;padding:.8rem}.contact-right button{background-color:#6f5d92;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:montserrat;font-size:15px;font-weight:700;padding:10px;width:30%}.contact-right button:hover{background-color:#483a64;transition:.3s ease}.contact-title{font-size:27px;font-weight:700}.contact-intro{font-size:18px;font-style:italic}.contact-info{font-weight:700}.intro-img{align-items:center;display:flex;height:auto;overflow:hidden;width:38%}.intro-img img{height:auto;object-fit:cover;width:100%}.about-bold{font-weight:700}@media (max-width:650px){.intro-box{flex-direction:column}.intro-img{width:100%}.about-info{flex-direction:column;gap:2rem;padding-top:1rem}.contact-box{flex-direction:column;gap:3rem}.contact-left,.contact-right{margin:0;width:100%}.contact-right button{align-self:center;width:50%}}.donate-box{box-sizing:border-box;flex-direction:column;height:80vh;margin:0 auto;max-width:1200px;padding:20px}.donate,.donate-box{align-items:center;display:flex;justify-content:center}.donate{flex-direction:row;width:100%}.highlight{color:#7e5d88;font-weight:700}.donate-text{color:#311531;font-size:29px;gap:20px;padding:20px}.particle{border-radius:50%;opacity:0;pointer-events:none;position:fixed;z-index:1000}@keyframes glitter{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(0) scale(1)}}@media (max-width:1000px){.donate-text{font-size:28px}}@media (max-width:880px){.donate-text{font-size:25px}}@media (max-width:680px){.donate-text{font-size:20px}}@media (max-width:580px){.donate-text{font-size:17px}}.top-img{align-self:flex-start;margin-left:40px;margin-top:20px;min-width:100px;width:100%}.top-img img{height:auto;object-fit:contain;width:100%}.bottom-img{align-self:flex-end;min-width:100px;width:100%}.bottom-img img{height:auto;object-fit:contain;width:100%}@media (max-width:500px){.donate{flex-direction:column;gap:1.5rem}.bottom-img,.donate-text,.top-img{text-align:center;width:100%}.donate-text{font-size:16px;padding:10px}.bottom-img img,.top-img img{height:auto;object-fit:contain;width:30%}}.body-box{margin:0 auto;max-width:1200px;padding:20px}.logo-link{align-items:center;display:flex;gap:10px}.logo-img{height:50px;padding-right:2px;width:auto}.nav-bar{background-color:#efebe7;padding:1.5rem 0;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:1000}.nav-bar:after{background-color:#3a3c5b;border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:90%}.nav-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.title{color:#3a3c5b;font-family:Times New Roman,Times,serif;font-size:2rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-side,.nav-title{color:#3a2c5b;font-size:17px;font-weight:500;padding-left:20px;text-decoration:none}.nav-side:hover,.nav-title:hover{color:#9fa1ce;transition:.3s ease}.dropdown-wrapper{position:relative}.dropdown-content{background-color:#efebe7;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#555779;display:none;flex-direction:column;gap:1rem;left:-60px;min-width:230px;padding:1rem;position:absolute;top:22.8px;z-index:1002}.dropdown-wrapper:hover .dropdown-content{display:flex}.dropdown-content a:hover{color:#9fa1ce}.hamburger{background:none;border:none;color:#3a3c5b;cursor:pointer;display:none;font-size:1.8rem;margin:0;padding:0;-webkit-user-select:none;user-select:none;z-index:1002}.hamburger:hover{color:#9fa1ce;transition:.3s ease}@media (max-width:850px){.hamburger{align-self:center;display:block}.nav-container{align-items:center;justify-content:space-between}.nav-links{background-color:#efebe7;box-shadow:-2px 0 8px #0000001a;flex-direction:column;gap:6rem;height:100vh;padding:9rem 2rem 2rem;position:fixed;right:-320px;top:0;transition:right .3s ease;width:200px;z-index:1001}.nav-links.open{right:0}}@media (max-width:500px){.nav-links{width:150px!important}.dropdown-content{left:-50px;max-width:10px!important;padding:1rem .5rem}}@media (max-width:450px){.title{font-size:26px}}.magazine{align-items:center;background-color:#efebe7;display:flex;height:91vh;justify-content:center}.magazine-box{background:linear-gradient(90deg,#fff 49.5%,#ddd 50%,#fff 50.5%);border:1px solid #cfcfcf;border-radius:12px;box-shadow:0 4px 8px #00000026,inset 0 0 10px #0000000d;height:65%;max-width:900px;overflow:hidden;transition:transform .3s ease;width:70%}.magazine-box,.page{display:flex;position:relative}.page{flex:1 1;flex-direction:column;justify-content:center;padding:2rem;z-index:2}.left-page{background-color:#fdf9f9}.right-page{align-items:center;background-color:#e0dae2;display:flex;justify-content:center}.mag-title{color:#6e3c73;font-family:Georgia,serif;font-size:36px;font-weight:700;text-align:left;text-transform:uppercase}.mag-sub{color:#7b607f;font-size:18px;margin-top:10px;text-align:left}.coming-text{animation:twinkle 1.5s ease-in-out infinite;color:#a55ca5;font-family:Times New Roman,Times,serif;font-size:28px;font-weight:700;text-shadow:0 0 5px #fff,0 0 8px #d0b0d0}@keyframes twinkle{0%{opacity:1;text-shadow:0 0 10px #dcb9e1,0 0 20px #e9b0e9,0 0 30px #ae75c0}50%{opacity:.6;text-shadow:0 0 5px #fff,0 0 15px #e5bde5}to{opacity:1;text-shadow:0 0 10px #dcb9e1,0 0 20px #e9b0e9,0 0 30px #ae75c0}}.magazine-sticker{margin-bottom:20px;width:100%}@media (max-width:700px){.magazine-box{flex-direction:column;height:auto;top:-50px;width:90%}.page{height:auto;padding:1.5rem;width:100%}.mag-title{font-size:26px;text-align:center}.mag-sub{font-size:16px;text-align:center}.left-page,.right-page{padding:20px 0}.right-page{flex-direction:column}.coming-text{font-size:25px;text-align:center}.magazine-sticker{margin:0 auto 15px;width:80%}}.magazine-flip{height:90vh;margin-bottom:80px;padding:50px}.magazine-flip iframe{border-radius:20px;box-shadow:0 8px 30px #0000004d}.first-issue{color:#7b607f;font-size:18px;font-weight:700;margin-bottom:20px;padding-left:10px}.issue-soon{background-color:#c2abc5;border:3px dotted #eecaee;border-radius:500px;color:#fff;font-size:23px;font-weight:700;margin:150px 90px;padding-bottom:50px;padding-top:50px;text-align:center}@media (max-width:650px){.magazine-flip{height:80vh;margin-top:-70px;padding:15px}.first-issue{color:#7b607f;font-size:15px;font-weight:700;margin-bottom:20px;padding-left:10px}.issue-soon{background-color:#c2abc5;border:3px dotted #eecaee;border-radius:500px;color:#fff;font-size:17px;font-weight:700;margin:150px 30px;padding-bottom:30px;padding-top:30px;text-align:center}}.article-texts{margin-top:50px;text-align:center}
/*# sourceMappingURL=main.e7e7f41b.css.map*/