*{-webkit-appearance:none;appearance:none;background:0 0;border:0;box-sizing:border-box;color:inherit;font:inherit;font-size:100%;list-style:none;margin:0;outline:0;outline:0;padding:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:inherit}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button{cursor:pointer}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}img{display:block}em{font-style:italic}strong{font-weight:700}::-moz-focus-inner{border:0!important}ol li,ul li{list-style:inherit}@keyframes wobble{0%{filter:blur(0);transform:translate(0,0) rotate(0) scale(1)}50%{transform:translate(0,3px) rotate(10deg)}50%{filter:blur(0);transform:translate(3px,0) rotate(0)}75%{filter:blur(2px);transform:translate(0,-3px) rotate(-10deg) scale(1.05)}100%{filter:blur(0);transform:translate(0,0) rotate(0) scale(1)}}@keyframes blur-in{from{filter:blur(50px);opacity:0}to{filter:blur(0);opacity:1}}.background{pointer-events:none;position:fixed;z-index:-1;top:0;left:0;right:0;bottom:0}.background--default{background:linear-gradient(218deg,#4b0e0e,#2e0713,#3b171a,#6d0d2a,#2e0e0e)}.background--heart{background:linear-gradient(218deg,#250707,#18040a,#16090a,#3f0718,#140606);transition:1s ease-in-out all}.background--heart.active{filter:brightness(1.3)}.bubblestream{opacity:.2;position:absolute;top:0;width:100%;height:120%;display:flex!important;overflow:hidden}.bubblestream__container{width:100%;height:120vh;background-repeat:repeat-y;background-size:contain;position:absolute;left:0;top:0}.bubblestream--1{background-position:left;z-index:1;justify-content:flex-start}.bubblestream--1 .bubblestream__container{background-image:url(/assets/bubble-stream.png);left:15vw}.bubblestream--2{background-position:center;z-index:2;justify-content:center}.bubblestream--2 .bubblestream__container{background-image:url(/assets/bubble-stream-2.png);left:-3vw}.bubblestream--3{background-position:right;z-index:1;justify-content:flex-end}.bubblestream--3 .bubblestream__container{background-image:url(/assets/bubble-stream-3.png)}[element-id=start] span{background:rgba(255,255,255,.6);border-radius:3px;color:#fff;display:block;font-size:300%;padding:20px 30px}[element-id=enable-sound]{background:rgba(255,255,255,.6);border-radius:3px;color:#fff;display:block;font-size:300%;padding:20px 30px}[element-id=egg-cell]{animation-duration:5s;animation-fill-mode:forwards;animation-name:blur-in;background-image:url(/assets/transparent-circle.png);background-repeat:no-repeat;background-size:100% 100%;animation:wobble 10s ease-in-out infinite;align-items:center;background-color:rgba(255,255,0,.3);border-radius:50%;display:flex;height:300px;justify-content:center;padding:20px;text-align:center;transition:all 1s cubic-bezier(.075,.82,.165,1);width:300px}[element-id=egg-cell].init{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in}[element-id=egg-cell].idle{animation:wobble 10s ease-in-out infinite}[element-id=egg-cell].destroy{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in;animation-direction:reverse;animation-fill-mode:forwards;animation-iteration-count:1}[element-id=egg-cell].success{background-color:#ff0;opacity:.5;height:600px;transition-duration:7s;width:600px}[element-id=sperm]{background-image:url(/assets/transparent-circle.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;display:inline-block;height:30px;position:relative;transition:all .2s ease;width:50px;background-color:rgba(255,255,255,.3)}[element-id=sperm]:hover{background-color:rgba(255,255,255,.5)}[element-id=sperm].init{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in}[element-id=sperm].idle{animation:wobble 10s ease-in-out infinite}[element-id=sperm].destroy{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in;animation-direction:reverse;animation-fill-mode:forwards;animation-iteration-count:1}[element-id=sperm]::after{align-items:center;color:#eeeeea;content:"~";display:flex;font-size:200%;height:100%;position:absolute;right:100%;top:0}[element-id=sperm] span{display:block}[element-id=mitosis-cell]{width:100px;height:100px;background-image:url(/assets/transparent-circle.png);background-size:contain;background-repeat:no-repeat;background-color:rgba(255,255,0,.5);border-radius:50%}[element-id=mitosis-cell].init{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in}[element-id=mitosis-cell].idle{animation:wobble 10s ease-in-out infinite}[element-id=mitosis-cell].destroy{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in;animation-direction:reverse;animation-fill-mode:forwards;animation-iteration-count:1}.heart__fill{background-image:url(/assets/heart.png);background-size:contain;transition:all .1s ease-out;width:400px;height:400px}.heart.beat .heart__fill{transform:scale(1.1)}[element-id=heart].init{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in}[element-id=heart].idle{animation:wobble 10s ease-in-out infinite}[element-id=heart].destroy{animation-duration:1s;animation-fill-mode:forwards;animation-name:blur-in;animation-direction:reverse;animation-fill-mode:forwards;animation-iteration-count:1}html{height:100%}body{background:#000}*{-webkit-user-select:none;-ms-user-select:none;user-select:none}.draggable{cursor:grab;position:fixed}.draggable:active{cursor:grabbing}#app{position:relative;z-index:1}
/*# sourceMappingURL=index.css.map */