*{font-family:handwriting;margin:0}body{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAFfUlEQVR4nO2dTXYbIQyAx3le1ierb5RtfSPfLAdIF9NHqGCEQKAf4Fv0xZN6BkvoD4Rz+/3rz7HR4wO8fn99qoxjEd5fn0DCH+DXx9bBMIJgYwn/p4Dn4xX+3cgAXdAE0k/NfNBTat8SZBsL+TZZEI7lMm4yhafwHwEtQAbvYaajr1awgI7TB7m/F19aYQG9pi1/+uAjeT5eXqR/0C1g9LRdFqoF7Ax1ELNlQe7QyYIWgRI1twUo09MCPGb36mNe2gIspHZLxwALqZ2mAtTN/9CW/uHdAmQWPoeipoD31+fz8eKIL7u/MZpT5cwnxndQtgCODtS9Rxtg3vhejpaPoudKH+eJYFvmMg0duqh7+p+rl0vhOwhPgM6GTDrf04upm5rSSu7aA4BkN3Un9lFWFBDSIYpxzAQ3BtTmM8j/z2YXc0v/YCqgrZPuSqDgPme10l36YlUbsWTjBuFaGdETUINzv7h6CsQNyszsu6SzoCqxWmswAcsnYCalF8F7s7+VC8JIjAVXQK1oTQ1hVEDoyAiRhS8hBSBCLErWshpOio4eGbZEJRwvP2VDEyUwpvPOCPiibHG090Mw3MWFVbgYUqkq76TC6UbSMcSTg/IpYm7f39/xXWSIBxr7x7YVOknvhGdxaRZUHOH9SqsygDgWRmIwB00pGihl0/+O/1qA4hpc7R1koJgdZWDUINw39F3lZNkzJGbxej7gxE5a2VAbHv1GrtmYZcHRq/dmLd0Zd6I7D7YClOlcCRusVI0zpDt664DO7opQpqcC6Fn89lSBzsvR6mmlO1bJguzUfYAlYoBldze/Ajq2ko949OQK0PU8fVZDLdsvDpB+mxpGf/NEQQFtrVd8euWpBqMuoKAAlXOExYrar1GmlF0Q3u5CvNgX+/OaDisIt/X50G87k6CvmLMQS3sIr/oV1JlQAWmnRfzy0N6BAYyqA3TjZJo72pE4oF0BSKY4U5YymnYFAAMP2Fz2ilPbcWNrmHkdDmikF9Wln3bYFQ9KdHko/f5hYBkF2JzCVQiI++q5ROmfPzwfrzkVYB/MAjaHYKpqaznayF6x5BLktoA8YocJrZyUt0bV2RAOtlyQR5g7NqxKuPm9c9AlUHMrYQoGVcWP9uCcYbMmhgdh9Qb8EcRRl1k2DY8BKpuaApx7DPyi1XcaqlW0dzTrnYbWcXXG324MmAnkTPmxCzExkK8qaNBBnyBsZA1nKEX5Xh1+xtmVMInaL66g00cBoxsovaDmghxhzVX+KMDayEag1WscPx3wowB1HyLWVKrVFZF9rhUXJDY3m08JEMdWe38rCphgyaht9uxKuAKk4m0uhrcC6gCC3mtBOnRs/KpQgG4Xoqme8o7U/UFn8BWLYrtdU26rnZAUgM8+mV2RWS2gQxoqI5eqpziq6ssWkE69rEOYdYaOps4CwDa0o4lmFtJJ+fDzM/o7cgvqYMS+E+ug9vY5fKh7wulZH5unPocy4mO2ZEHxOBYR/TiqFbAl3heqAuIF8TQy+w3F6iMvf10NEHe4Di56tAzdHcqTukIsXYz1KPcY9Y9Q1xmnLu7u1qbV2Bueq3ZCZoVmOgplC0jbURUFp26CfMBH+IkBRW+4cgmGw5HDPdyieKMt6xH8iwHNXSFFd7QdPQ6rM47yFuEvK3GnbyuNWXyyhbp9uCdknqp/CVEYvDegrXNgHgsIH3vcbECOQTRvFPbZlDdi9WLnRJAWqdoBGOqMs+/K2uYZ/qGsKMBX6xWyQBlfoaxcWVHA4cECAqkpUDp3shhSgF86LEVstHxgPgsyktWsQH8X5HeHUoV5CrGAL/PdQViZagtQn18elzwRqrujD1UdOF3yRKhTwASnea3hrDVRYMmzFqYt7iDMgl++/QXFospAMDlTggAAAABJRU5ErkJggg==);overflow-y:scroll}@font-face{font-family:handwriting;src:url(/Basil-Photobook/assets/OMORI_GAME-C6hmeNBk.ttf)}:root{--menuWidth: 90vw}@media (min-width : 600px){:root{--menuWidth: 70vmin}}.program{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;height:100vh}.menu{border:5px solid white;width:var(--menuWidth);aspect-ratio:1/1;color:#fff;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.menu>h1{width:70%;height:30%;font-size:20vmin}.menu button{width:35%;height:10%;font-size:4.5vmin;text-align:center;margin-top:5%}.option{color:#fff;background-color:#000;border:5px solid white;border-radius:3px;font-size:1.3em;display:flex;justify-content:center;align-items:center}.option:hover{background-color:#fff;color:#000}.erase-option{background-color:transparent;border:none;position:absolute;bottom:8%;left:5%;max-width:20%}.erase-container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;border:5px solid white;background-color:#000;color:#fff;width:60%;height:40%;gap:10%;font-size:1.5em}.erase-buttons-container{width:60%;height:20%;display:flex;justify-content:space-between;align-items:center}.erase-buttons-container button{width:40%;height:100%;background-color:#000;color:#fff;border:3px solid white;font-size:1em;font-weight:700}.erase-buttons-container button:hover{background-color:#fff;color:#000}.exit-button{position:fixed;display:flex;justify-content:center;align-items:center;text-align:center;line-height:18vmin;left:10px;top:10px;width:18vmin;max-width:100px;height:18vmin;max-height:100px;aspect-ratio:1/1;color:#fff;background-color:#000;font-size:10vmin;font-weight:700;border:5px solid white}.photo{border:3px solid lightgray;width:80%;height:70%;margin-top:8%}.description-button>img{text-align:center;width:40%;height:87%;font-size:1.5rem;color:#2f4f4f}.description-button{background-color:transparent;border:none;color:#000;height:100%;width:100%;display:flex;justify-content:space-evenly;align-items:center}.zoom-container{width:90vw;height:99vh;position:fixed;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5%}.zoom-polaroid{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:43vmin;height:45vmin;border:5px solid gray;padding:4vmin 4vmin 10vmin;background-color:#fff;box-shadow:0 0 50px 30px}.zoom-textbox{margin-bottom:.5%;border:5px solid white;background-color:#000;color:#fff;width:95%;height:25%;font-size:5vmin;display:flex;position:relative;flex-direction:column;justify-content:space-between;word-wrap:break-word;overflow:visible}.zoom-description{width:99%;height:100%;padding:1%}.text-exit{position:absolute;bottom:10%;right:10px;height:20%;aspect-ratio:1/.5;background-color:transparent;border:none}.text-exit>img{width:100%;height:80%}:root{--charactersContainerFlexDirection: row;--genderSelectionFlexDirection: column;--genderSelectionWidth: 30%;--genderSelectionHeight: 100%;--genderSelectionGap: 0%;--charSelectionHeight: 20%;--charSelectionWidth: 100%}@media (min-width : 600px){:root{--charactersContainerFlexDirection: column;--genderSelectionFlexDirection: row;--genderSelectionWidth: 90%;--genderSelectionHeight: auto;--genderSelectionGap: 0%;--charSelectionHeight: auto;--charSelectionWidth: 20%}}.global-submission-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.global-submission-container>form{width:90%;height:95%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.name-input{background-color:#000;color:#fff;border:3px solid white;border-radius:3px;width:30%;height:8%;font-size:1.5em;text-align:center}.name-input::placeholder{font-size:1em}.characters-container{display:flex;flex-direction:var(--charactersContainerFlexDirection);align-items:center;justify-content:space-evenly;gap:5%;width:90%;height:70%}.gender-selection{height:var(--genderSelectionHeight);display:flex;justify-content:space-evenly;align-items:center;flex-direction:var(--genderSelectionFlexDirection);width:var(--genderSelectionWidth);gap:var(--genderSelectionGap)}.character-container{display:flex;justify-content:center;height:var(--charSelectionHeight);width:var(--charSelectionWidth);aspect-ratio:1/1}.character-container:hover{cursor:pointer;box-shadow:0 0 2px 6px #fff}.character-container:has(input:checked){box-shadow:0 0 2px 6px #fff}.character-container input{display:none}.character-container img{text-align:center;width:100%;height:100%;aspect-ratio:1/1}.submit-global{background-color:#000;color:#fff;border:3px solid white;border-radius:3px;height:10%;aspect-ratio:2.5/1;font-size:2em}:root{--photoPolaroidFrameWidth: 60%;--psboxContainerFlexDirection: column;--csContainerWidth: 90%;--csContainerHeight: 50%;--submitContainerWidth: 90%;--submitContainerHeight: 30%}@media (min-width: 600px){:root{--photoPolaroidFrameWidth: 80%;--psboxContainerFlexDirection: row;--csContainerWidth: 30%;--csContainerHeight: 90%;--submitContainerWidth: 50%;--submitContainerHeight: 90%}}.black-box{background-color:#000;color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:space-evenly;width:80%;height:80%;padding-top:20px;padding-bottom:20px;gap:10px}.photoshoot-box-container{width:100%;height:100%;display:flex;flex-direction:var(--psboxContainerFlexDirection);justify-content:space-evenly;align-items:center}.camera-snap-container{width:var(--csContainerWidth);height:var(--csContainerHeight);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%}.polaroid-frame{background-color:#fff;padding:5% 2% 2%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;border:3px solid darkslategray;width:var(--photoPolaroidFrameWidth);aspect-ratio:1/1.15}.polaroid-frame>.camera{border:4px solid darkslategray;margin:0;width:90%}.snap,.retry{text-align:center;color:#fff;background-color:#000;width:50%;height:15%;border:3px white solid;font-size:2em}.snap:hover,.retry:hover,.submit:hover,.exit-button:hover,.camera-option:hover,.photobook-option:hover{box-shadow:0 0 25px #fff}.submit-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;height:var(--submitContainerHeight);width:var(--submitContainerWidth)}.description-input{background-color:#000;color:#fff;border:4px solid white;font-size:1.5em;width:60%;height:60%;resize:none;border-radius:5px;padding:10px;margin-bottom:10%}.description-input::-webkit-input-placeholder{color:#fff}.submit{background-color:#000;color:#fff;border:4px solid white;width:60%;height:10vmin;font-size:1.5em;font-weight:700;border-radius:5px}.gs-prompt-container{width:80%;height:80%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:5%}.gs-text-container{display:flex;flex-direction:column}.gs-prompt-container h1{font-size:3em;text-align:center}.gs-prompt-container small{font-size:1.8em;text-align:center}.gs-prompt-container>img{height:30%;aspect-ratio:1/1}.gs-buttons-container{width:80%;height:10%;display:flex;justify-content:space-evenly;align-items:center}.gs-buttons-container button{background-color:#000;border:3px solid white;border-radius:2px;color:#fff;width:30%;aspect-ratio:1/.2;font-size:2em}.black-box button:hover{box-shadow:0 0 5px 7px #fff}.cat{position:relative}.cat-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.cat-tail{position:absolute;transform:scale(.3);left:50%;top:50%;transform-origin:bottom;transform:translate(-90%,-70%) scale(.8);animation:tail-wag 2.5s infinite ease-in-out alternate}@keyframes tail-wag{0%{transform:translate(-90%,-70%) scale(.8) rotate(-20deg)}to{transform:translate(-90%,-70%) scale(.8) rotate(-60deg)}}:root{--photobookImage: url(/Basil-Photobook/assets/Page-R5B3DA4r.png)}@media (min-width: 600px){:root{--photobookImage: url(/Basil-Photobook/assets/Page-R5B3DA4r.png);--photobookImage: url(/Basil-Photobook/assets/Photobook-finalized-r-iCK8XR.png)}}.global-photobook-container{background-image:var(--photobookImage);background-size:100% 100%;background-repeat:no-repeat;filter:brightness(.95);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:80%;border:10px solid #000000;border-radius:6px}.loading-cat{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:15%;text-align:center;font-size:2.5em}.single-page-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:80%;width:90%}.pages-container{display:flex;justify-content:center;width:90%;height:90%}.page-container{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;width:50%}.entryG{display:flex;align-items:center;justify-content:space-around;height:30%}.polaroidG{all:unset;border:3px solid #b1b1b1;background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center;width:100%;max-width:125px;aspect-ratio:.75/1;max-height:150px;padding:5%}.polaroidG:hover{box-shadow:0 0 3px 6px #000}.photoG{width:100%;aspect-ratio:1/1;border:3px solid #b1b1b1}.descriptionG{width:50%}.page-number-container{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:3%;width:90%;height:12%}.prev-pageG{max-height:100%;aspect-ratio:1.5/1;position:absolute;left:0;transform:rotate(180deg);background-color:transparent;border:none}.next-pageG{height:100%;aspect-ratio:1.5/1;position:absolute;right:0;background-color:transparent;border:none}.next-pageG img,.prev-pageG img{height:100%;width:100%}.next-pageG>img:hover,.prev-pageG>img:hover{content:url(data:image/png;base64,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)}.zoom-char-name-container{border:3px solid pink;width:95%;height:10%}.zoom-name{display:flex;align-items:center;justify-content:center;position:absolute;background-color:#000;padding:10px;border:3px solid white;top:-30%;height:10%;text-align:center}.zoom-character{display:flex;justify-content:center;align-items:center;position:absolute;top:-70%;right:0;height:60%;max-width:150px;aspect-ratio:1/1;background-color:#000;border:5px solid white}