:root{font-family:Nunito,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:url(/assets/bg-DKQ-4c6p.webp) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}@supports (-webkit-touch-callout: none){@media screen and (max-width: 600px){html{background:#5b3d2d}}}#root{text-align:center;margin:auto}.standardDiv{max-width:960px;margin-top:1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.wideDiv{max-width:calc(100vw - 1rem);margin-top:1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}#bg{display:none}#bgGlobe{position:fixed;bottom:0;margin:0;padding:0;right:0;width:20rem;mix-blend-mode:overlay;z-index:-1}.logoImg{height:12rem;align-self:center}#logoImgMobile{display:none}.tagline{font-weight:600;font-size:2rem;color:#5b3d2d;margin-bottom:1rem}.tagline #front{position:absolute;z-index:1;paint-order:stroke fill;-webkit-text-stroke:6px white}.tagline #back{text-shadow:0 6px 6px #000000}.content{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center}.yt-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%;border-radius:1rem;box-shadow:0 4px 4px #00000040}.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.card{display:flex;flex-direction:column;width:calc(100% - 4rem);background-color:#ffffffbf;border-radius:1rem;padding:.5rem 2rem;box-shadow:0 4px 4px #00000040}.card.mainCard{background-color:#5b3d2dbf;color:#fff}.dialogCard{max-width:960px;width:calc(100% - 6rem);background-color:#5b3d2d;color:#fff;border:0;border-radius:1rem;padding:.5rem 2rem;text-align:left;box-shadow:0 4px 4px #00000040}dialog::backdrop{background-color:#00000080}.dialogCard a{color:inherit}#closeButton{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}#closeButton:hover{color:#00a497;transition:.3s}#ribbonButton{position:relative;bottom:2rem;z-index:3;height:5rem;cursor:pointer;filter:drop-shadow(0px 5px 5px #222)}dialog{transition:display 1s,overlay 1s;transition-behavior:allow-discrete;animation:close 1s forwards}dialog[open]{animation:open 1s forwards}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes close{0%{opacity:1}to{opacity:0}}.cardHeader{margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.cardTitle{font-size:2rem;font-weight:800}.buttonRow{display:flex;justify-content:space-between;gap:1rem;width:100%}.socmedRow{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.socmedButton{display:flex;justify-content:center;align-items:center;background-color:#5b3d2d;color:#fff;box-shadow:0 4px 4px #00000040;height:3rem;width:3rem;border-radius:3rem;font-size:32px;padding:.5rem;transition:.3s}.socmedButton:hover{background-color:#7b5e4b}.socmedButton:active{background-color:#402b1f}.mainButton{display:flex;justify-content:center;background-color:#00a497;color:#fff;box-shadow:0 4px 4px #00000040;height:2rem;flex-grow:1;gap:1rem;border-radius:2rem;padding:1rem;align-items:center;font-weight:700;font-size:1.2rem;transition:.3s;flex-basis:0}.mainButton:hover{background-color:#6acbc6}.mainButton:active{background-color:#34898b}.buttonRow a,.socmedRow a{text-decoration:none}#galleryContent{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.artGalleryItem{border:2px solid gray;border-radius:8px;min-width:12rem}.artImg{object-fit:cover;width:12rem;height:12rem;border-radius:6px 6px 0 0}.artFriendName{font-weight:700;margin-top:.1rem;margin-bottom:.5rem}#messageGalleryContent{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;margin-bottom:2rem;align-items:center;align-content:stretch}.messageGalleryItem{border:2px solid gray;border-radius:8px;max-width:12rem;padding:.5rem;height:fit-content}.messageFriendName{font-weight:700}#goalMeter{margin-bottom:1rem;height:1.5rem;width:calc(100% - 1rem);background-color:transparent;border:#bbbbbb .25rem solid;padding:.25rem;border-radius:1.5rem}#goalMeterComplete{background-color:#ffcc59;width:1%;height:100%;border-radius:1.5rem;transition:2s width ease-in-out}.goalMeterData{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:700}.goalMeterData .fa{padding-right:.25rem}#goalNameDesktop{display:inline;font-weight:700}#goalNameMobile{display:none;margin-bottom:1rem;font-weight:700}.tableFlex{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.goalItem{display:flex;justify-content:space-between;background-color:#5b3d2d;color:#fff;border-radius:.75rem;padding:.5rem 1rem}.goalItem.complete{background-color:#ffcc59;color:#5b3d2d}.goalItem.complete i{color:#5b3d2d}.goalItem.ongoing{background-color:#54b3a1}.goalItemLeft{display:flex;gap:.25rem}.goalItemLeft .fas{padding-right:.5rem}#certificatePhoto{width:100%;border-radius:1rem;margin-bottom:1rem}#haribonLogo{width:10rem;padding-top:1rem}.FAQitem{display:flex;flex-direction:column;text-align:left}.FAQitem>p{margin:0 0 .5rem}.FAQquestion{font-size:1.2rem;font-weight:700}#credits{margin-top:2rem;padding-bottom:2rem}.projectItem{display:flex;justify-content:space-between;border:.25rem solid #bbbbbb;padding:1rem;border-radius:1rem;text-decoration:none;color:#5b3d2d;text-align:left;align-items:center;transition:.3s}.projectItem:hover{border-color:#5b3d2d}.projectItemText{display:flex;gap:1rem}@supports (-webkit-touch-callout: none){@media screen and (max-width: 600px){#bg{display:block;z-index:-2;height:100vh;top:0;position:fixed;left:50%;transform:translate(-50%)}}}@media only screen and (max-width: 1200px){#bgGlobe{width:100%;max-width:40rem;left:50%;transform:translate(-50%)}}@media only screen and (max-width: 600px){.artGalleryItem{border:2px solid gray;border-radius:8px;min-width:6rem}.artImg{width:6rem;height:6rem}.artFriendName{font-size:.75rem;margin-top:0;margin-bottom:.4rem}.messageGalleryItem{border:2px solid gray;border-radius:8px;max-width:8rem;padding:.2rem}.messageFriendName,.messageText{font-size:.75rem}#goalNameDesktop{display:none}#goalNameMobile{display:inline}.projectItemText{flex-direction:column;gap:0}.buttonRow{flex-direction:column}#root{height:100vh}.logoImg{height:auto;width:100%}#logoImgDesktop{display:none}#logoImgMobile{display:inline}.mainButton{padding:.75rem}#goalsTable{gap:1rem}.goalMeterData{flex-direction:column;justify-content:center}.goalItem{flex-direction:column;justify-content:left;gap:.5rem}.goalItemLeft{flex-direction:column;text-align:left;gap:0}.goalItemRight{text-align:left}}