:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f06;background:linear-gradient(#f06,#ff8585);background-repeat:no-repeat;background-attachment:fixed;height:100%;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--circle-gap: 11px;--heart_size: 3.5}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;height:100%;width:100%}.buttons{display:flex;align-items:center;justify-content:center}h1{font-size:3.2em;line-height:1.1;color:#fff}button,.yes-button,.add-image-label{border:0px solid black;box-shadow:0 0 5px;padding:.6em 1.2em;font-family:inherit;background-color:wheat;cursor:pointer;color:#000;border-radius:10px;transition:border-color .25s}.add-image-label{padding:0}#no-button{position:relative}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.will-you button{background-color:#000}.page{height:100%;width:100%;background-color:#535bf2}.envelope{width:700px;height:450px}.heart{background-color:wheat;display:flex;flex-direction:column;border:solid black 5px;width:fit-content;height:fit-content;box-shadow:0 0 5px #000;position:absolute;transform:translate(-50%,-50%);z-index:-1}.heart button{position:absolute;justify-self:center}.circles{display:flex}.circle{width:calc(105px * var(--heart_size));height:calc(105px * var(--heart_size));background-color:red;border-radius:calc(100px * var(--heart_size));border:solid black 5px}#left{margin-right:calc(var(--circle-gap) * -1 * var(--heart_size))}#right{margin-left:calc(var(--circle-gap) * -1 * var(--heart_size))}.square{height:calc(105px * var(--heart_size));width:calc(105px * var(--heart_size));background-color:red;transform:rotate(45deg);align-self:center;margin-top:calc(-64px * var(--heart_size));border-bottom:solid black 5px;border-right:solid black 5px}.question{text-shadow:3px 3px 0px black;color:wheat}.profile-card,.attention-button-div{background-color:#d3d3d3;color:#000;border:1px solid grey;border-radius:10px;box-shadow:0 0 5px #000;display:flex;flex-direction:column;align-items:center;margin:20px;width:300px}.profile-pic img{width:150px;height:150px;border-radius:100px;border:1px solid black}form{display:flex;flex-direction:column;justify-content:center;align-items:center}input{height:fit-content}.input-text{display:flex;align-items:center;justify-content:space-around;width:100%}.card-header{display:flex;flex-direction:column;height:fit-content;margin:0;padding:0;align-items:center}.card-heading{margin:0;padding:0}.fact{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:70%;justify-self:center}.fact p{margin:0 0 10px;padding:0}.dashboard{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center}.dashboard h1{text-shadow:2px 2px 0px black}.dashboard-contents{display:flex;flex-direction:column;justify-content:center;width:100%;flex:1}.attention-button-div{position:absolute;z-index:100;right:0;top:0;height:100px;width:fit-content;background-color:#fff}.attention-button-div button{background-color:red;border-radius:10px;border:1px solid black}.question-div{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}.container{position:absolute;top:0;right:0;height:fit-content;width:fit-content}.hello-kitty{background:#fff;width:242px;height:172px;border-radius:48%;border:8px solid black;position:relative;top:230px;left:-8px;z-index:2}.eye-container{display:flex;display-direction:row;align-items:center;justify-content:space-around}.eye{background:#000;width:20px;height:26px;border-radius:50%;z-index:3}.left-eye{position:relative;top:144px;left:-8px}.right-eye{position:relative;top:144px;left:-4px}.nose{background:#f2dc04;width:20px;height:14px;border-radius:50%;border:4px solid black;position:relative;top:138px;left:110px;z-index:3}.whisker{width:60px;border-top:solid 8px black;border-radius:40%;z-index:3}.w1{width:60px;position:relative;top:84px;left:220px;transform:rotate(355deg)}.w2{width:48px;position:relative;top:100px;left:226px;transform:rotate(5deg)}.w3{width:54px;position:relative;top:120px;left:218px;transform:rotate(21deg)}.w4{width:60px;position:relative;top:61px;left:-38px;transform:rotate(4deg)}.w5{width:48px;position:relative;top:77px;left:-31px;transform:rotate(354deg)}.w6{width:54px;position:relative;top:97px;left:-28px;transform:rotate(339deg)}.ear{width:62px;height:62px;border:8px solid black;border-radius:26px 62px 39px 60px;position:relative;background-color:#fff}.left-ear{top:-70px;left:2px;transform:rotate(12deg)}.right-ear{top:-147px;left:166px;transform:rotate(78deg)}.bow{background:#e6002e;border:6px solid black}.bow-center{width:36px;height:36px;border-radius:50px;position:relative;top:-190px;left:160px;z-index:6}.bow-left{width:50px;height:66px;position:relative;top:-270px;left:124px;border-radius:999px;transform:rotate(22deg);z-index:4}.bow-right{width:50px;height:66px;position:relative;top:-320px;left:180px;border-radius:999px;transform:rotate(22deg);z-index:4}.bow-detail-left{width:14px;height:14px;border-radius:50%;position:relative;top:-396px;left:150px;z-index:5}.bow-detail-right{width:14px;height:14px;border-radius:50%;position:relative;top:-398px;left:192px;z-index:5}.ear-detail{width:41px;height:41px;border:8px solid white;border-radius:50%;background-color:#fff;position:relative;z-index:3}.ear-detail-left{top:-466px;left:16px}.ear-detail-right{top:-520px;left:170px}.ear-line{width:20px;border-top:solid 8px black;border-radius:40%;position:relative;top:-541px;left:6px;transform:rotate(312deg);z-index:5}.text{font-family:monospace;font-size:28px;position:relative;top:-416px;left:-8px}.pyro{margin:0;padding:0;overflow:hidden;position:relative;background-color:#000;width:100vw;height:100vh}.pyro>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{to{box-shadow:71px -38px #9dff00,135px -160px #0026ff,-22px -67px #00ffa6,-200px -31px #09f,185px -162px #00ffd0,-71px -134px #0df,-3px -138px #ff0026,13px -141px #4800ff,-122px -44px #ff000d,115px -14px #fff700,-237px -342px #00ff6a,174px -189px #f02,99px -308px #15ff00,172px -243px #ff00f2,-102px -247px #a200ff,82px -223px #ff00a2,235px -314px #00fff2,119px -198px #0073ff,-44px -274px #00ff5e,-64px -139px #08ff00,112px -323px #ff001e,218px -113px #ff5900,-180px -247px #ff00bf,246px -342px #006fff,26px -280px #fe0,-74px -279px #00a6ff,-133px -80px #ff7300,-208px -381px #80ff00,136px -377px #00ff09,-167px -353px #5e00ff,-122px -305px #ff004c,40px -360px #04f,-61px -171px #00ff8c,93px -212px #5900ff,-163px -159px #1f0,208px -327px #f30,-228px -137px #ff1e00,34px -227px #00fff7,-91px -244px #ff00e1,243px -379px #eaff00,194px -184px #fa0,-121px -201px #d0f,-236px -143px #00f7ff,10px -248px #ff0059,132px -376px #007bff,-210px -383px #00ff2f,48px -233px #e100ff,-11px -60px #1eff00,112px -25px #4f0}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}