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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fish-of-month{margin:0 auto;max-width:800px;padding:2rem}.fish-of-month h1{color:#282c34;margin-bottom:2rem}.fish-page{align-items:center;box-sizing:border-box;display:flex;font-family:Times New Roman,Times,serif;justify-content:center;min-height:100vh;padding:2rem;position:relative}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.ocean-theme{color:#333}.ocean-background{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;filter:blur(1px);left:0;opacity:.8;position:fixed;right:0;top:0;transition:background-image .8s ease;z-index:-1}.profile-container{background-color:#f8f4e5;border-radius:8px;box-shadow:0 4px 20px #0003;margin:2rem;max-width:1200px;overflow:visible;padding:2rem;position:relative;transition:opacity .5s ease,transform .5s ease;width:90%}.ocean-theme .profile-container:before{background-image:linear-gradient(90deg,#0000000d 1px,#0000 0),linear-gradient(180deg,#0000000d 1px,#0000 0);background-size:20px 20px}.ocean-theme .profile-container:after,.ocean-theme .profile-container:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ocean-theme .profile-container:after{background-image:url(data:image/png;base64,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);opacity:.03}.controls-row{border-bottom:1px solid #c9bda7;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;position:relative;z-index:1}.controls-row,.theme-selector{align-items:center;display:flex}.theme-selector{gap:.5rem}.theme-selector label{color:#555;font-family:Georgia,serif;font-size:1rem;font-weight:500}.theme-selector select{background-color:#f8f4e5;border:1px solid #c9bda7;border-radius:5px;cursor:pointer;font-family:Georgia,serif;font-size:.9rem;padding:.5rem}.theme-selector select:focus{border-color:#8a7a63;box-shadow:0 0 0 2px #8a7a6340;outline:none}.theme-selector select option:disabled{background-color:#f0ece1;color:#999;font-style:italic}.month-year-navigation{align-items:center;display:flex;justify-content:center}.current-month-year{color:#4a3c2c;font-family:Georgia,serif;font-size:1.4rem;font-weight:500;margin:0 1.5rem;min-width:160px;text-align:center;transition:transform .3s ease,opacity .3s ease}.nav-button{align-items:center;background-color:#f8f4e5;border:1px solid #c9bda7;border-radius:50%;color:#4a3c2c;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.nav-button:after{background:#8a7a634d;border-radius:50%;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scale(0);transition:transform .5s;width:100%}.nav-button:active:after{opacity:0;transform:scale(2);transition:transform .5s,opacity .5s}.header-container{display:flex;justify-content:flex-end;margin-bottom:2rem}.ocean-theme .fish-title{color:#3a2f24;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.ocean-theme .fish-title,.ocean-theme .scientific-name{font-family:Georgia,serif;position:relative;text-align:left;transition:opacity .6s ease,transform .6s ease;z-index:1}.ocean-theme .scientific-name{color:#5a4d3e;font-size:1.2rem;font-style:italic;margin:0 0 1.5rem}.profile-content{display:flex;gap:2.5rem;min-height:600px;overflow:visible;position:relative;transition:opacity .4s ease;z-index:1}.description-column{display:flex;flex:7 1;flex-direction:column;min-height:600px;padding-right:1rem}.description-column,.ocean-theme .description-column p{text-align:left;transition:opacity .6s ease,transform .6s ease}.ocean-theme .description-column p{color:#3a3129;font-family:Georgia,serif;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;position:relative;text-align:justify;z-index:1}.details-column{display:flex;flex:3 1;flex-direction:column;gap:2rem;min-height:600px;overflow:visible;position:relative}.ocean-theme .main-image-container{border-radius:0;height:auto;margin-bottom:3rem;min-height:200px;overflow:visible;position:relative;transform:rotate(3deg);transition:opacity .6s ease,transform .6s ease;width:100%}.ocean-theme .main-fish-image{border:10px solid #fff;box-shadow:0 4px 10px #00000026;height:auto;object-fit:cover;position:relative;width:calc(100% - 20px);z-index:1}.ocean-theme .main-image-container:before{background-color:#fff9;border-radius:3px;box-shadow:0 0 5px #0000001a;content:"";height:25px;left:50%;position:absolute;top:-10px;transform:translateX(-50%) rotate(-5deg);width:40px;z-index:2}.ocean-theme .anatomy-image-container{background-color:#fff;border:1px solid #ddd;border-radius:0;box-shadow:0 3px 8px #0000001a;margin:30px -20px 30px -30px;max-width:110%;min-height:150px;overflow:visible;padding:15px;position:relative;transform:rotate(-2deg) translateX(-15px);transition:opacity .6s ease,transform .6s ease;width:calc(100% + 40px);z-index:2}.ocean-theme .anatomy-image{display:block;filter:sepia(20%);height:auto;width:100%}.ocean-theme .anatomy-image-container:after,.ocean-theme .anatomy-image-container:before{background-color:#ffffffb3;border-radius:3px;box-shadow:0 0 5px #0000001a;content:"";height:20px;position:absolute;width:40px;z-index:3}.ocean-theme .anatomy-image-container:before{left:20%;top:-8px;transform:rotate(10deg)}.ocean-theme .anatomy-image-container:after{bottom:-8px;right:25%;transform:rotate(-5deg)}.ocean-theme .anatomy-image-container .tape-corner{background-color:#ffffffb3;border-radius:3px;box-shadow:0 0 5px #0000001a;content:"";height:30px;position:absolute;right:-15px;top:-10px;transform:rotate(35deg);width:50px;z-index:3}.ocean-theme .hard-facts{background-color:initial;border:2px solid #a99d89;border-radius:0;margin-top:2rem;min-height:250px;padding:1.5rem;position:relative;text-align:left;transition:opacity .6s ease,transform .6s ease}.ocean-theme .hard-facts:before{background-color:#efe8d7;content:"";height:30px;left:0;position:absolute;right:0;top:0;z-index:-1}.ocean-theme .hard-facts h3{background-color:#efe8d7;border-bottom:2px solid #a99d89;color:#3a2f24;font-family:Georgia,serif;font-weight:700;margin:-1.5rem -1.5rem 1.5rem;padding:.5rem;text-align:center}.ocean-theme .hard-facts ul{font-family:Georgia,serif;list-style:none;margin:0;padding:0;text-align:left}.ocean-theme .hard-facts ul li{border-bottom:1px dotted #ccc;color:#3a3129;margin-bottom:1rem;padding:5px 0;text-align:left}.ocean-theme .hard-facts ul li:last-child{border-bottom:none}.ocean-theme .hard-facts ul li strong{color:#3a2f24;display:inline-block;font-weight:700;min-width:80px}.ocean-theme .hard-facts ul li ul{border-left:2px solid #efe8d7;margin-left:1rem;margin-top:.5rem;padding-left:1rem}.ocean-theme .hard-facts ul li ul li{border-bottom:none;margin-bottom:.25rem;padding-left:0}@media (max-width:768px){.fish-page{align-items:flex-start;padding:0}.fish-page,.profile-container{margin:0;min-height:100vh;width:100%}.profile-container{border-radius:0;box-shadow:none;box-sizing:border-box;padding:1.5rem}.background-container{display:none}.mobile-background-polaroid{background-color:#fff;box-shadow:0 4px 10px #0003;display:block;margin:2rem auto;max-width:350px;padding:15px 15px 35px;position:relative;transform:rotate(-1deg);width:100%;z-index:4}.mobile-background-polaroid img{display:block;filter:saturate(1.1);height:auto;width:100%}.mobile-background-polaroid:after,.mobile-background-polaroid:before{background-color:#ffffffb3;border-radius:3px;box-shadow:0 0 5px #0000001a;content:"";height:20px;position:absolute;width:40px;z-index:5}.mobile-background-polaroid:before{left:30%;top:-8px;transform:rotate(5deg)}.mobile-background-polaroid:after{bottom:20px;right:25%;transform:rotate(-5deg)}.mobile-background-polaroid .caption{bottom:10px;color:#333;font-family:Courier New,monospace;font-size:.9rem;left:0;position:absolute;right:0;text-align:center}.controls-row{flex-direction:column;gap:1rem}.theme-selector{align-self:center;margin-top:.5rem}.header-container{justify-content:center}.profile-content{flex-direction:column;gap:1.5rem;min-height:auto}.description-column{min-height:auto;order:1;padding-right:0;position:relative}.details-column{min-height:auto;position:static}.ocean-theme .fish-title{font-size:2rem;text-align:left}.ocean-theme .scientific-name{font-size:1.1rem;text-align:left}.paragraph-container{margin-bottom:1.5rem;min-height:200px;position:relative}.ocean-theme .main-image-container{float:right;margin:0 0 1rem 1rem;max-width:42%;transform:rotate(2deg);z-index:5}.ocean-theme .main-fish-image{border-width:8px;max-width:100%}.ocean-theme .anatomy-image-container{clear:both;float:none;margin:1.5rem auto 2rem;max-width:280px;transform:rotate(-1deg);width:calc(100% - 10px)}.ocean-theme .anatomy-image-container:before{left:10%;top:-8px}.ocean-theme .anatomy-image-container:after{bottom:-8px;right:15%}.ocean-theme .anatomy-image-container .tape-corner{height:25px;right:-5px;top:-8px;transform:rotate(25deg);width:40px}.ocean-theme .hard-facts{clear:both;margin:1rem 0 0;max-width:100%;order:2}.ocean-theme .description-column p:after{clear:both;content:"";display:table}.bubbles-container{display:none}.swipe-instruction{display:block}.ocean-theme .hard-facts h3{font-size:1.2rem;margin:-1rem -1rem 1rem;padding:.5rem}}@media (max-width:480px){.fish-page{padding:0}.profile-container{margin:0;padding:1rem;width:100%}.controls-row{margin-bottom:1rem;padding-bottom:.5rem}.month-year-navigation{width:100%}.current-month-year{font-size:1.2rem;margin:0 .8rem;min-width:120px}.nav-button{height:35px;width:35px}.ocean-theme .fish-title{font-size:1.8rem;text-align:left}.ocean-theme .scientific-name{font-size:1rem;margin-bottom:1rem;text-align:left}.ocean-theme .description-column p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.ocean-theme .main-image-container{margin:0 0 .8rem .8rem;max-width:38%}.ocean-theme .main-fish-image{border-width:6px}.paragraph-container{min-height:150px}.mobile-background-polaroid{margin:1.5rem auto;max-width:280px;padding:10px 10px 30px}.mobile-background-polaroid:after,.mobile-background-polaroid:before{height:15px;width:30px}.mobile-background-polaroid .caption{bottom:8px;font-size:.8rem}.ocean-theme .anatomy-image-container{max-width:220px;padding:10px}.ocean-theme .hard-facts{padding:1rem}.ocean-theme .hard-facts h3{font-size:1.2rem;margin:-1rem -1rem 1rem;padding:.5rem}.ocean-theme .hard-facts ul{padding-left:1rem}.ocean-theme .hard-facts ul li{font-size:.9rem;margin-bottom:.5rem}}@media (max-width:768px) and (orientation:landscape) and (min-height:450px){.bubbles-container{display:block}.bubble{transform:translate(-50%) scale(.8)}}@media (max-width:320px){.profile-container{margin:0;padding:.8rem;width:100%}.current-month-year{font-size:1rem;margin:0 .5rem;min-width:100px}.nav-button{font-size:1rem;height:30px;width:30px}.ocean-theme .fish-title{font-size:1.5rem}.ocean-theme .scientific-name{font-size:.9rem}.ocean-theme .main-image-container{margin:0 0 .6rem .6rem;max-width:35%}.ocean-theme .main-fish-image{border-width:4px}.paragraph-container{min-height:130px}.mobile-background-polaroid{max-width:220px;padding:8px 8px 25px}.mobile-background-polaroid .caption{bottom:6px;font-size:.7rem}.ocean-theme .hard-facts{padding:.8rem}.ocean-theme .hard-facts h3{font-size:1.1rem;margin:-.8rem -.8rem .8rem;padding:.4rem}}.bubbles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:5}.bubble{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:ease-in-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:radial-gradient(circle at 30% 30%,#ffffffe6,#add8e680 30%,#6495ed33 70%,#4682d21a 90%);border:1px solid #ffffff4d;border-radius:50%;box-shadow:inset 0 0 20px #fffc,0 0 25px #add8e699,0 0 5px #ffffffe6;cursor:pointer;pointer-events:auto;position:absolute;transform:translate(-50%);transition:transform .3s ease,opacity .3s ease;will-change:transform;z-index:10}.bubble.animated{animation-direction:alternate,normal,alternate;animation-duration:3s,var(--duration,20s),var(--bounce-speed,3s);animation-fill-mode:none,forwards,none;animation-iteration-count:infinite,infinite,infinite;animation-name:shimmer,floatUpward,bounceUpDown;animation-timing-function:ease-in-out,linear,ease-in-out}@keyframes shimmer{0%{box-shadow:inset 0 0 20px #fffc,0 0 25px #add8e699,0 0 5px #ffffffe6}50%{box-shadow:inset 0 0 30px #ffffffe6,0 0 35px #87cefab3,0 0 10px #fff}to{box-shadow:inset 0 0 20px #fffc,0 0 25px #6495ed99,0 0 5px #ffffffe6}}.bubble:after{background:#fffc;height:15%;left:25%;top:20%;width:15%}.bubble:after,.bubble:before{border-radius:50%;content:"";filter:blur(1px);position:absolute}.bubble:before{background:#fff9;height:8%;left:60%;top:40%;width:8%}.bubble:hover{transform:translate(-50%) scale(1.1)}.bubble.bursting{animation:burst .8s ease-out forwards!important;pointer-events:none}@keyframes burst{0%{border-radius:50%;opacity:1;transform:translate(-50%) scale(1)}20%{border-radius:48%;opacity:.9;transform:translate(-50%) scale(1.2)}40%{border-radius:45%;box-shadow:inset 0 0 30px #fffc,0 0 50px #add8e6b3;opacity:.6;transform:translate(-50%) scale(1.5)}60%{border-radius:40%;opacity:.4;transform:translate(-50%) scale(.5)}to{border-radius:30%;opacity:0;transform:translate(-50%) scale(.1)}}.bubble.bursting:after,.bubble.bursting:before{animation:particles .8s ease-out forwards;background:#add8e680;border-radius:50%;content:"";position:absolute}.bubble.bursting:before{animation-delay:.1s;height:30%;left:20%;top:0;width:30%}.bubble.bursting:after{animation-delay:.2s;height:20%;left:80%;top:20%;width:20%}@keyframes particles{0%{opacity:.7;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(var(--random-x, 20px)),calc(var(--random-y, -30px))) scale(0)}}@keyframes floatUpward{0%{transform:translate(-50%)}to{transform:translate(-50%,-120vh)}}@keyframes bounceUpDown{0%{transform:translate(-50%)}50%{transform:translate(-50%,calc(0px - var(--bounce-height, 15px)))}to{transform:translate(-50%)}}.ocean-theme .anatomy-image-container,.ocean-theme .description-column p,.ocean-theme .fish-title,.ocean-theme .hard-facts,.ocean-theme .main-image-container,.ocean-theme .scientific-name{transition:opacity .6s ease,transform .6s ease}.ocean-theme.loading .profile-container{opacity:.7}.ocean-theme .fish-title{transition-delay:.1s}.ocean-theme .scientific-name{transition-delay:.2s}.ocean-theme .description-column p:first-of-type{transition-delay:.3s}.ocean-theme .description-column p:nth-of-type(2){transition-delay:.4s}.ocean-theme .main-image-container{transition-delay:.2s}.ocean-theme .anatomy-image-container{transition-delay:.3s}.ocean-theme .hard-facts{transition-delay:.4s}.loading-animation{height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px;z-index:10}.loading-animation:before{animation:spin 1.5s linear infinite;border:5px solid #add8e64d;border-radius:50%;border-top-color:#3a7ca5;content:"";height:100%;position:absolute;width:100%}.loading-animation:after{animation:spin 1s linear infinite reverse;border:5px solid #6495ed4d;border-radius:50%;border-top-color:#6495ed;content:"";height:80%;left:10%;position:absolute;top:10%;width:80%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav-button:hover:not(:disabled){background-color:#efe8d7;color:#2a2015}.nav-button:disabled{cursor:not-allowed;opacity:.5}.background-container{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.background-current,.background-next{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;filter:blur(1px);left:0;position:absolute;right:0;top:0;transition:opacity 1s ease}.background-current{opacity:1}.background-fade .background-current,.background-next{opacity:0}.background-fade .background-next{opacity:.8}.swipe-instruction{animation:fade-pulse 2s infinite;background-color:#ffffff80;border-radius:4px;color:#666;display:none;font-size:.9rem;margin-bottom:1rem;padding:.5rem;text-align:center}@keyframes fade-pulse{0%,to{opacity:.7}50%{opacity:1}}.paragraph-container{overflow:hidden;position:relative;width:100%}.paragraph-container p{margin:0}.bday-link-container{border-top:1px dashed #c9bda7;margin-top:2rem;padding-top:1rem;text-align:center}.bday-link{background-color:#f8f4e5;border:1px solid #c9bda7;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#4a3c2c;display:inline-block;font-family:Georgia,serif;font-size:.9rem;opacity:.7;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.bday-link:hover{box-shadow:0 4px 8px #00000026;opacity:1;transform:translateY(-2px)}@media (max-width:768px){.bday-link-container{margin-top:1.5rem}.bday-link{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.bday-link-container{margin-top:1rem}.bday-link{font-size:.8rem;padding:.3rem .7rem}}.bday-container{align-items:center;background:linear-gradient(135deg,#6eb4e0,#4a69bb);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.balloons-container{height:80vh;position:relative;width:100%}.balloon-wrapper{animation:float 4s ease-in-out infinite alternate;cursor:pointer;position:absolute;transform-origin:bottom center;transition:transform .3s ease;z-index:2}.balloon-wrapper:hover{transform:scale(1.05)}.balloon{border-radius:50% 50% 50% 50%/40% 40% 60% 60%;box-shadow:inset 0 -8px 0 #0000001a,2px 2px 5px #0003;height:70px;position:relative;transition:all .3s ease;width:60px}.balloon-shine{background-color:#fff6;border-radius:50%;height:20px;left:10px;position:absolute;top:10px;transform:rotate(-25deg);width:15px}.balloon-string{background-color:#ffffffb3;bottom:-80px;height:80px;width:1px}.balloon-string,.balloon-string:after{left:50%;position:absolute;transform:translateX(-50%)}.balloon-string:after{background-color:#ffffffe6;border-radius:50%;bottom:-2px;content:"";height:5px;width:5px}.balloon-wrapper.popped .balloon{opacity:0;transform:scale(0);transition:all .2s ease-out}.balloon-wrapper.popped .balloon-string{height:0;transition:all .5s ease-out}.pop-effect{animation:pop .5s ease-out forwards;border-radius:50%;height:60px;left:0;opacity:0;position:absolute;top:5px;width:60px}@keyframes pop{0%{opacity:1;transform:scale(.2)}50%{opacity:.5;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.confetti-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.confetti-piece{animation:fallConfetti linear forwards;height:10px;opacity:0;position:absolute;top:-20px;width:10px}@keyframes fallConfetti{0%{opacity:1;top:-20px;transform:rotate(0deg) translateX(0)}to{opacity:0;top:120%;transform:rotate(2turn) translateX(calc(var(--direction, 1)*150px))}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(5px) rotate(-2deg)}}.instructions{animation:pulse 2s infinite;background-color:#0003;border-radius:10px;color:#fff;font-family:Arial,sans-serif;font-size:20px;margin-top:2rem;padding:1rem;position:relative;text-align:center;z-index:10}.instructions.celebration{animation:celebrate 1s infinite alternate;background-color:#ffd7004d;font-size:24px}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}@keyframes celebrate{0%{background-color:#ff69b44d;transform:scale(1)}to{background-color:#ffd7004d;transform:scale(1.1)}}@media (max-width:768px){.balloon{height:60px;width:50px}.balloon-string{bottom:-60px;height:60px}.balloon-shine{height:16px;left:8px;top:8px;width:12px}.instructions{font-size:18px;padding:.8rem}.instructions.celebration{font-size:20px}}@media (max-width:480px){.balloon{height:50px;width:40px}.balloon-string{bottom:-50px;height:50px}.balloon-shine{height:12px;left:6px;top:6px;width:10px}.pop-effect{height:40px;width:40px}.instructions{font-size:16px;padding:.7rem}.instructions.celebration{font-size:18px}.confetti-piece{height:8px;width:8px}}
/*# sourceMappingURL=main.8b183022.css.map*/