#root{min-height:100vh;box-sizing:border-box;padding:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}@keyframes float{0%{transform:translateY(20px)}50%{transform:translateY(-20px)}to{transform:translateY(20px)}}@keyframes drift{0%{transform:translate(-8px)}50%{transform:translate(8px)}to{transform:translate(-8px)}}@keyframes occasionalFloat{0%{transform:translateY(0)}48%{transform:translateY(0)}50%{transform:translateY(-20px)}52%{transform:translateY(0)}to{transform:translateY(0)}}.connect{background:linear-gradient(10.93deg,#951990 -19.03%,#3a35b1 46.85%,#20a8b0) padding-box,linear-gradient(12.93deg,#dd14d5,#4e47f5 55%,#3de8f3) border-box;background-repeat:repeat-x;background-size:200% 100%;transition:background .3s ease-out;border:1.5px solid transparent;border-radius:.5rem;font-family:Euclid Circular B Medium,sans-serif;padding:.375rem .5rem;color:#fff;font-size:18px;cursor:pointer}.connect:hover{background-position:100%}.math-problem-input{text-align:center;color:#fff;background-color:transparent;border:2px solid darkgrey;border-radius:5px;margin:8px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background:linear-gradient(170deg,rgba(14,16,20,1) 0%,rgb(34,45,70) 100%);background-size:100% 100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;animation:fadeInAnimation ease-in-out 3s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.fan{margin:4rem}.fan img{width:200px;height:300px;border:2px solid #d7ddfc;box-shadow:0 0 30px 4px #3657fe;transform-origin:center 400px;transition:all .3s ease-out;cursor:pointer}.fan:not(:hover) img{transform:scale(1.1)!important}.fan img:hover{box-shadow:0 0 30px 4px #ea36fe}