@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";#blocklyDiv{position:absolute;height:calc(99% - 21rem);top:17.9rem;width:45%;margin:0 28vw}#blocklyBackground{position:absolute;height:calc(99% - 21.3rem);top:17.9rem;width:45%;opacity:1;backdrop-filter:blur(3px);background-color:#ffffffb3;border:3px solid white;border-radius:50px;margin:0 28vw}.welcome-message-blocks{position:absolute;top:-30px;font-size:2.2rem;user-select:none;left:50%;transform:translate(-50%);font-family:Raleway,sans-serif;font-weight:700;background-color:transparent;padding:10px;border-radius:5px;z-index:10;display:inline;font-weight:500;white-space:nowrap}.chip-alert{position:fixed;top:20px;right:20px;background-color:#f44336;color:#fff;padding:16px;border-radius:10px;z-index:999;transition:opacity .5s ease-in-out}.info-button{font-family:GROBOLD;background-color:#ffb8c7;position:fixed;bottom:20px;right:20px;padding:4px 10px;border:none;color:#b22944;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin:4px 0;cursor:pointer;border-radius:25px;display:flex;align-items:center;font-weight:700;letter-spacing:1.2;box-shadow:#0009 2px 2px 4px,#0000004d 0 7px 13px -3px,0 -3px inset;border:5px solid #e56479}.info-button img{width:30px;height:30px;margin-right:3px;margin-bottom:2px}.info-button:hover{transform:scale(1.1)}.login-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:120%;overflow:auto;background-color:#000;background-color:#0006;padding-top:20px}.login-modal-content{background-color:#fff;margin:10% auto;height:auto;max-height:70vh;border:1px solid #888;width:80%;max-width:700px;text-align:center;border:3px solid #8459dc;border-radius:15px;box-sizing:border-box}.close{color:#fff;background-color:#f44336;width:28px;height:28px;margin:4px 8px 4px 0;float:right;font-size:25px;font-weight:700;border-radius:15px;box-sizing:border-box;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.close:hover,.close:focus{text-decoration:none;cursor:pointer;transform:scale(1.1)}.gif-video{width:100%;height:auto;max-height:60vh;aspect-ratio:16/9;border-radius:12px;box-sizing:border-box}.home-btn{border:none;display:inline-block;cursor:pointer;border-radius:25px;display:flex}.home-btn img{margin:-14.2px}.home-btn:hover{transform:scale(1.1)}@media only screen and (max-width: 1216px){#blocklyDiv,#blocklyBackground{height:calc(99% - 19.5vw);top:15.5rem;width:70vw;margin:2vw 15vw}.welcome-message-blocks{font-size:2rem}}@media only screen and (max-width: 784px){#blocklyDiv,#blocklyBackground{width:80vw;height:calc(99% - 50vw);margin:0 11vw}.login-modal-content{margin:40% auto}.info-button{padding:2px 7px;font-size:.72rem}.info-button img{width:30px;height:30px;margin-right:2px}}@media (min-width: 760px) and (max-width: 1023px){#blocklyDiv,#blocklyBackground{width:80vw;height:calc(99% - 60vh);margin:0 11vw}}@media (min-width: 440px) and (max-width: 760px){#blocklyDiv,#blocklyBackground{width:80vw;height:calc(99% - 60vh);margin:0 11vw}}@media (min-width: 1023px) and (max-width: 1216px){#blocklyDiv,#blocklyBackground{width:80vw;height:calc(99% - 52vh);margin:0 11vw}}@media only screen and (max-width: 485px){#blocklyDiv,#blocklyBackground{width:80vw;height:calc(99% - 60vh);margin:0 10vw}.welcome-message-blocks{top:-20px;font-size:1.4rem}}@media (max-width: 360px){.welcome-message-blocks{top:-10px;font-size:1.1rem}}