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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:SimplySans;src:url(/static/media/SimplySans-Book.db77fd5da7971f10c7bb.ttf)}*{box-sizing:border-box}svg{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}:root{--primary-color:#353f80;--secondary-color:#fff;--ternary-color:#000751;--quarnery-color:#ff80b5;--fifth-color:#848bd5;--min-width:75rem;--header-appear-time:1s}.App{background-color:#353f80;color:#fff;font-family:SimplySans;margin:0;text-align:center}body{margin:0;overflow-y:overlay;padding:0}a{color:#fff;text-decoration:none}a:hover{color:#ff80b5}p{font-size:1.1rem;font-weight:100}h1,p{margin:0}h1{font-size:2.5rem}button{font-family:SimplySans}form{width:100%}.hero-section{align-items:center;-webkit-animation:appear 1s ease-in 1;animation:appear 1s ease-in 1;-webkit-animation:appear var(--header-appear-time) ease-in 1;animation:appear var(--header-appear-time) ease-in 1;background-color:#353f80;background-color:var(--primary-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.hero-text{padding:0 2rem;width:100%}.hero-header{max-width:25rem}.hero-animation{display:none}.hero-buttons{margin-top:2em;width:100%}.hero-buttons button{-webkit-animation:appear 1s ease-in 1;animation:appear 1s ease-in 1;-webkit-animation:appear var(--header-appear-time) ease-in 1;animation:appear var(--header-appear-time) ease-in 1;background-color:#000751;border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:700;height:70px;margin:0;text-align:center;transition:all .2s;vertical-align:middle;width:120px}.hero-buttons button:hover{background-color:#fff;color:#000751}.social-media-links{-webkit-animation:appear 1s ease-in 1;animation:appear 1s ease-in 1;-webkit-animation:appear var(--header-appear-time) ease-in 1;animation:appear var(--header-appear-time) ease-in 1;margin-top:1rem}.social-logo{height:40px;margin:0 .5em;transition:all .1s;width:30px}.social-logo:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (min-width:50rem){.hero-section{align-items:center;background-color:#353f80;background-color:var(--primary-color);display:flex;flex-direction:column;gap:3rem;height:100vh;justify-content:center;position:relative;z-index:0}.hero-buttons button{font-size:1.2rem;width:200px}.social-logo{width:50px}.hero-animation-container{height:100vh;overflow:hidden;width:100vw}.hero-animation,.hero-animation-container{display:block;position:absolute;z-index:-2}.hero-animation{width:100%}.hero-section:after{background-color:rgba(0,0,0,.1);border:solid;border-color:#353f80;border-color:var(--primary-color);border-width:10px;content:"";height:250px;position:absolute;width:45rem;z-index:-1}}#Faded-Pink-Circle{-webkit-animation:fadedFloatPink 15s linear infinite;animation:fadedFloatPink 15s linear infinite}#Light-Blue-Circle{-webkit-animation:BlueFloat 11s linear infinite;animation:BlueFloat 11s linear infinite}#Faded-Blue-Circle{-webkit-animation:FadedBlueFloat 12s linear infinite;animation:FadedBlueFloat 12s linear infinite}#Dark-Circle{-webkit-animation:DarkFloat 15s linear infinite;animation:DarkFloat 15s linear infinite;-webkit-animation-delay:11s;animation-delay:11s}#Dark-Circle,#White-Circle-2{-webkit-transform:translateY(2000px);transform:translateY(2000px)}#White-Circle-2{-webkit-animation:WhiteFloat 20s linear infinite;animation:WhiteFloat 20s linear infinite;-webkit-animation-delay:12s;animation-delay:12s}#Faded-White-Circle{-webkit-animation:FadedWhiteFloat 10s linear infinite;animation:FadedWhiteFloat 10s linear infinite;-webkit-animation-delay:15s;animation-delay:15s;-webkit-transform:translateY(2000px);transform:translateY(2000px)}#Pink-Circle{-webkit-animation:PinkFloat 10s linear infinite;animation:PinkFloat 10s linear infinite;-webkit-animation-delay:12s;animation-delay:12s;-webkit-transform:translateY(1000px);transform:translateY(1000px)}@-webkit-keyframes fadedFloatPink{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{-webkit-transform:translate(60px,-500px);transform:translate(60px,-500px)}}@keyframes fadedFloatPink{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{-webkit-transform:translate(60px,-500px);transform:translate(60px,-500px)}}@-webkit-keyframes BlueFloat{0%{-webkit-transform:translateY(1200px);transform:translateY(1200px)}to{-webkit-transform:translate(-100px,-800px);transform:translate(-100px,-800px)}}@keyframes BlueFloat{0%{-webkit-transform:translateY(1200px);transform:translateY(1200px)}to{-webkit-transform:translate(-100px,-800px);transform:translate(-100px,-800px)}}@-webkit-keyframes DarkFloat{0%{-webkit-transform:translate(-500px,1200px);transform:translate(-500px,1200px)}to{-webkit-transform:translate(-1000px,-700px);transform:translate(-1000px,-700px)}}@keyframes DarkFloat{0%{-webkit-transform:translate(-500px,1200px);transform:translate(-500px,1200px)}to{-webkit-transform:translate(-1000px,-700px);transform:translate(-1000px,-700px)}}@-webkit-keyframes FadedBlueFloat{0%{-webkit-transform:translate(-500px,1200px);transform:translate(-500px,1200px)}to{-webkit-transform:translate(-800px,-700px);transform:translate(-800px,-700px)}}@keyframes FadedBlueFloat{0%{-webkit-transform:translate(-500px,1200px);transform:translate(-500px,1200px)}to{-webkit-transform:translate(-800px,-700px);transform:translate(-800px,-700px)}}@-webkit-keyframes WhiteFloat{0%{-webkit-transform:translate(500px,1200px);transform:translate(500px,1200px)}to{-webkit-transform:translate(800px,-700px);transform:translate(800px,-700px)}}@keyframes WhiteFloat{0%{-webkit-transform:translate(500px,1200px);transform:translate(500px,1200px)}to{-webkit-transform:translate(800px,-700px);transform:translate(800px,-700px)}}@-webkit-keyframes FadedWhiteFloat{0%{-webkit-transform:translate(100px,2000px);transform:translate(100px,2000px)}to{-webkit-transform:translate(200px,-700px);transform:translate(200px,-700px)}}@keyframes FadedWhiteFloat{0%{-webkit-transform:translate(100px,2000px);transform:translate(100px,2000px)}to{-webkit-transform:translate(200px,-700px);transform:translate(200px,-700px)}}@-webkit-keyframes PinkFloat{0%{-webkit-transform:translate(-200px,1500px);transform:translate(-200px,1500px)}to{-webkit-transform:translate(-50px,-600px);transform:translate(-50px,-600px)}}@keyframes PinkFloat{0%{-webkit-transform:translate(-200px,1500px);transform:translate(-200px,1500px)}to{-webkit-transform:translate(-50px,-600px);transform:translate(-50px,-600px)}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}.bottom-divider{bottom:0;position:absolute;width:100%}.web-portfolio{align-items:center;background-color:#848bd5;background-color:var(--fifth-color);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:0}.web-portfolio .divider{left:0;position:absolute;width:100%;z-index:-1}@media (min-width:75rem){.featured-web-portfolio{display:flex;flex-direction:row;gap:4rem;justify-content:space-between}.web-portfolio .divider{left:0;position:absolute;top:0;z-index:1}}.game-portfolio{align-items:center;background-color:#848bd5;background-color:var(--fifth-color);background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;min-height:100vh}@media (min-width:75rem){.featured-game-portfolio{display:flex;flex-direction:row;gap:4rem}}.about-me{align-items:center;background-color:#000751;background-color:var(--ternary-color);background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:7rem 1rem}.about-me h1{margin-bottom:3rem}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120vh;padding:7rem 0}.contact h1{margin-bottom:3rem}.contact label{display:inline-block}.contact p{font-size:1.2rem;padding:0 2rem}.contact-form{justify-content:center}.contact-form,.contact-section{align-items:center;display:flex;flex-direction:column}.contact-section{width:80vw}.form-item{align-items:flex-start;display:flex;flex-direction:column;margin:1rem 0;padding:0 1rem;width:80vw}.form-item input[type=text],.form-item textarea{border-radius:5px;font-size:1rem;padding:.5rem;width:100%}@media (min-width:50rem){.form-item{width:400px}}.contact button{background-color:#000751;border:none;border-radius:50px;color:#fff;height:70px;position:relative;transition:all .2s;width:240px;z-index:2}.contact button:hover{background-color:#fff;color:#000751}.footer{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100vw}.footer-logo{margin-bottom:3rem;width:100px}.footer .social-logo{margin:0 1em;width:30px}.footer .copyright{bottom:0;left:0;position:absolute}.card{align-items:center;background-color:#000751;background-color:var(--ternary-color);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:6rem;padding-bottom:2rem;transition:all .2s;width:300px;z-index:2}@media (min-width:var(--min-width )){.card{margin-bottom:0}}.card-visual{box-sizing:border-box;height:300px;margin-top:1.5em;padding:1rem;width:100%}.card p{height:50px;padding:0 1rem}.card-button{background-color:#000751;background-color:var(--ternary-color);border:3px solid #fff;border-radius:20px;color:#fff;font-size:1.2rem;margin-top:1.5em;transition:all .2s}.card-button:hover{background-color:#fff;color:#000751;cursor:pointer}.card-button a{font-size:1.1rem;margin:.5rem}.tech-stack-display{bottom:-50px;display:flex;flex-direction:row;position:relative}.tech-stack-display img{background-color:#000751;border:solid #fff;border-radius:20px;margin:0 .25rem;padding:.5rem;transition:all .2s;width:50px}.tech-stack-display img:hover{-webkit-transform:rotateY(40deg);transform:rotateY(40deg)}.view-more-button-container{align-items:center;background-color:#848bd5;display:flex;flex-direction:column;justify-content:center}.view-more-button{background-color:#000751;border:none;border-radius:50px;color:#fff;height:70px;position:relative;transition:all .2s;width:240px;z-index:2}.view-more-button:hover{background-color:#fff;color:#000751}@media (min-width:var(--min-width )){.view-more-button-container{height:300px}}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .2s;width:100vw;z-index:3}.modal-overlay.show{opacity:1;pointer-events:visible}.modal{align-items:center;background:linear-gradient(90deg,#000751,#353f80);border:4px solid #fff;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;min-height:80vh;overflow-y:auto;padding:5rem 2rem;position:relative;-webkit-transform:translateY(200px);transform:translateY(200px);transition:all .2s;width:100%;z-index:5}.modal p{font-size:1rem}.modal h2{font-size:1.4rem}.modal-overlay.show .modal{-webkit-transform:translateY(0);transform:translateY(0)}.modal-exit-button{height:20px;left:20px;position:absolute;top:20px;transition:all .2s;width:20px}.modal-exit-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.youtube-container{border:none;min-height:300px;width:100%}.project-list-visual{width:100%}@media (min-width:50rem){.modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-list-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr,1fr))}.modal p{font-size:1.3rem}.modal h2{font-size:2rem}}.about-me-carousel-container{align-items:center;display:flex;flex-direction:column;height:315px;justify-content:center;position:relative;width:100%}.about-me-carousel{border:8px solid #fff;border-radius:10px;height:315px;overflow:hidden;position:relative;width:250px}.left-carousel-pointer{height:40px;padding-right:.5rem;width:40px}.right-carousel-pointer{height:40px;padding-left:.5rem;width:40px}.front-back-anim{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.front-back-anim img{border:10px solid;border-radius:2px;padding:1rem;width:200px}.front-end-block{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:slideDown;animation-name:slideDown;-webkit-transform:translateY(-200px);transform:translateY(-200px)}.back-end-block,.front-end-block{-webkit-animation-duration:5s;animation-duration:5s}.back-end-block{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:slideLeft;animation-name:slideLeft;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}20%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes slideDown{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}20%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(400px);transform:translateX(400px)}20%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes slideLeft{0%{-webkit-transform:translateX(400px);transform:translateX(400px)}20%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(400px);transform:translateX(400px)}}.godot-anim-container{align-items:center;background-color:initial;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.godot-anim{-webkit-animation:fadeIn,rotateIn;animation:fadeIn,rotateIn;-webkit-animation-duration:1s,1s;animation-duration:1s,1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0;width:150px;z-index:3}.circle-transition{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:whiteOutTransition;animation-name:whiteOutTransition;background-color:#fff;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;width:10px;z-index:2}@-webkit-keyframes whiteOutTransition{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(100);transform:scale(100)}}@keyframes whiteOutTransition{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(100);transform:scale(100)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes rotateIn{0%{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.rx-anim-container{-webkit-animation:rise 1s ease-in-out forwards;animation:rise 1s ease-in-out forwards;background-color:#353f80}#Large-Pills{-webkit-animation:largeFall 2s ease-in-out infinite alternate;animation:largeFall 2s ease-in-out infinite alternate}#Med-Pills{-webkit-animation:medFall 1s ease-in-out infinite alternate;animation:medFall 1s ease-in-out infinite alternate}#Small-Pills{-webkit-animation:smallFall .5s ease-in-out infinite alternate;animation:smallFall .5s ease-in-out infinite alternate}@-webkit-keyframes largeFall{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes largeFall{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes medFall{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes medFall{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes smallFall{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes smallFall{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}@-webkit-keyframes rise{0%{-webkit-transform:translateY(-315px);transform:translateY(-315px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rise{0%{-webkit-transform:translateY(-315px);transform:translateY(-315px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.divider{display:block}.section-divider{padding-bottom:2rem;padding-top:50vh}.card:hover{box-shadow:0 0 40px #fff;outline:10px solid #fff;-webkit-transform:translateY(-10px);transform:translateY(-10px)}#R1C1--,#R1C2--,#R2C1--,#R2C3--{-webkit-animation:duck 2s ease-in infinite;animation:duck 2s ease-in infinite;transform-box:fill-box}#R2C2--{-webkit-animation:rotate 2s ease-in infinite;animation:rotate 2s ease-in infinite}#R2C2--,#Shopping-Cart{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Shopping-Cart{-webkit-animation:rotateBag 2s ease-in infinite;animation:rotateBag 2s ease-in infinite}@-webkit-keyframes duck{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}20%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes duck{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}20%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}80%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}80%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotateBag{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}70%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotateBag{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}70%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#R-white-snow-5{-webkit-animation:sway_5 4s ease-in-out infinite;animation:sway_5 4s ease-in-out infinite}#R-white-snow-4{-webkit-animation:sway_5 4.3s ease-in-out infinite;animation:sway_5 4.3s ease-in-out infinite}#R-white-snow-3{-webkit-animation:sway_5 4.6s ease-in-out infinite;animation:sway_5 4.6s ease-in-out infinite}#R-white-snow-2{-webkit-animation:sway_5 4.9s ease-in-out infinite;animation:sway_5 4.9s ease-in-out infinite}#R-white-snow-1{-webkit-animation:sway_5 5.2s ease-in-out infinite;animation:sway_5 5.2s ease-in-out infinite}#L-blue-snow-1{-webkit-animation:sway_4 5.5s ease-in-out infinite;animation:sway_4 5.5s ease-in-out infinite}#L-blue-snow-2{-webkit-animation:sway_4 5.8s ease-in-out infinite;animation:sway_4 5.8s ease-in-out infinite}#L-blue-snow-3{-webkit-animation:sway_4 6.1s ease-in-out infinite;animation:sway_4 6.1s ease-in-out infinite}@-webkit-keyframes sway_5{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}40%{-webkit-transform:translateX(7px);transform:translateX(7px)}60%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sway_5{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}40%{-webkit-transform:translateX(7px);transform:translateX(7px)}60%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sway_4{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(30px);transform:translateX(30px)}40%{-webkit-transform:translateX(20px);transform:translateX(20px)}60%{-webkit-transform:translateX(25px);transform:translateX(25px)}80%{-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sway_4{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(30px);transform:translateX(30px)}40%{-webkit-transform:translateX(20px);transform:translateX(20px)}60%{-webkit-transform:translateX(25px);transform:translateX(25px)}80%{-webkit-transform:translateX(15px);transform:translateX(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#Purple-Candy-L1,#White-Candy-L1{-webkit-animation:rotateBack 1s ease infinite;animation:rotateBack 1s ease infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#White-Candy-L1{-webkit-animation-delay:.2s;animation-delay:.2s}#White-Candy-R1{-webkit-animation:rotateBack 1s ease infinite;animation:rotateBack 1s ease infinite;-webkit-animation-delay:.3s;animation-delay:.3s}#Purple-Candy-R1,#White-Candy-R1{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Purple-Candy-R1{-webkit-animation:rotateBack 1s ease infinite;animation:rotateBack 1s ease infinite;-webkit-animation-delay:.4s;animation-delay:.4s}#Purple-Candy-R2{-webkit-animation:rotateBack 1s ease infinite;animation:rotateBack 1s ease infinite;-webkit-animation-delay:.5s;animation-delay:.5s;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateBack{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes rotateBack{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}#clear-smoke,#pink-smoke{-webkit-animation:floatUpandDown 5s ease infinite;animation:floatUpandDown 5s ease infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#pink-smoke{-webkit-animation-delay:1s;animation-delay:1s}#purple-bean-R1{animation:comeLeft 2s ease infinite alternate-reverse;-webkit-animation-delay:1s;animation-delay:1s}#purple-bean-L1,#purple-bean-R1{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#purple-bean-L1{animation:comeRight 2s ease infinite alternate-reverse;-webkit-animation-delay:1s;animation-delay:1s}#white-bean-L1{animation:comeRight 2s ease infinite alternate-reverse;-webkit-animation-delay:.3s;animation-delay:.3s}#white-bean-L1,#white-bean-L2{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#white-bean-L2{animation:comeRight 2s ease infinite alternate-reverse;-webkit-animation-delay:.6s;animation-delay:.6s}#white-bean-R1{animation:comeLeft 2s ease infinite alternate-reverse;-webkit-animation-delay:.9s;animation-delay:.9s}#white-bean-R1,#white-bean-R2{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#white-bean-R2{animation:comeLeft 2s ease infinite alternate-reverse;-webkit-animation-delay:1.2s;animation-delay:1.2s}#purple-bean-mid{animation:comeUp 2s ease infinite alternate-reverse;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes comeUp{0%{-webkit-transform:translateY(200px);transform:translateY(200px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes comeUp{0%{-webkit-transform:translateY(200px);transform:translateY(200px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes comeRight{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes comeRight{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes comeLeft{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes comeLeft{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes floatUpandDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatUpandDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#pink-display{-webkit-animation:lookLeft 4s ease infinite;animation:lookLeft 4s ease infinite}#first-bullet,#pink-display,#second-bullet,#third-bullet{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#first-bullet,#second-bullet,#third-bullet{-webkit-animation:blink 4s ease infinite;animation:blink 4s ease infinite}#bottom-input,#mid-input,#top-input{-webkit-animation:blink 4s ease 1.2s infinite;animation:blink 4s ease 1.2s infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes lookLeft{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}40%{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}70%{-webkit-transform:translateY(30px);transform:translateY(30px)}90%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes lookLeft{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}40%{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}70%{-webkit-transform:translateY(30px);transform:translateY(30px)}90%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes blink{0%{opacity:1}20%{opacity:1}30%{opacity:.5}50%{opacity:1}}@keyframes blink{0%{opacity:1}20%{opacity:1}30%{opacity:.5}50%{opacity:1}}#progress-circle{-webkit-animation:moveLeftAndRight 6s ease infinite;animation:moveLeftAndRight 6s ease infinite}#L1-ff,#L2-ff,#R1-ff,#R2-ff,#play-center,#play-inner,#play-outer,#progress-circle{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#play-center,#play-inner,#play-outer{-webkit-animation:expand 2s ease infinite;animation:expand 2s ease infinite}#play-outer{-webkit-animation-delay:.2s;animation-delay:.2s}#L1-ff,#L2-ff{-webkit-animation:jerkLeft 2s ease infinite;animation:jerkLeft 2s ease infinite}#R1-ff,#R2-ff{-webkit-animation:jerkRight 2s ease infinite;animation:jerkRight 2s ease infinite}@-webkit-keyframes moveLeftAndRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-50px);transform:translateX(-50px)}30%{-webkit-transform:translateX(-70px);transform:translateX(-70px)}60%{-webkit-transform:translateX(-70px);transform:translateX(-70px)}80%{-webkit-transform:translateX(70px);transform:translateX(70px)}90%{-webkit-transform:translateX(70px);transform:translateX(70px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveLeftAndRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-50px);transform:translateX(-50px)}30%{-webkit-transform:translateX(-70px);transform:translateX(-70px)}60%{-webkit-transform:translateX(-70px);transform:translateX(-70px)}80%{-webkit-transform:translateX(70px);transform:translateX(70px)}90%{-webkit-transform:translateX(70px);transform:translateX(70px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes expand{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes expand{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jerkLeft{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jerkLeft{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes jerkRight{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jerkRight{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.cab51209.css.map*/