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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;src:url(/static/media/PressStart2P-Regular.21503c6a5385ab41dde9.ttf) format("truetype")}@font-face{font-family:VT323;font-style:normal;font-weight:400;src:url(/static/media/VT323-Regular.2bc43ad8eb2f60b39f27.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.App .supabase-auth-ui_ui-container{margin:10% auto 0;width:50%}.landing-page{background-color:#7acdc7;overflow:hidden}.text-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding-bottom:2em;padding-top:2em}.game-text{-webkit-text-stroke:1.5px #000;color:#cb6ce6;font-family:Press Start\ 2P,sans-serif;font-size:38px;line-height:4rem}.game-text .box-text{border:2px dashed #004a80;color:#01cc00;padding:5px}.gif-cta{align-items:center;display:flex;justify-content:center;padding:2rem}.gif-cta .cta-text{align-items:first baseline;padding:4rem;z-index:1}.gif-cta .cta-text .typewriter-text{color:#333;font-family:monospace;font-size:2rem;overflow:hidden;text-align:left;text-shadow:2px 0 0 #333}.gif-cta .cta-text .cta{box-shadow:7px 7px 2px #333;display:flex;height:4rem;justify-content:space-between;margin-top:5rem;-webkit-transform:skewX(-10deg);transform:skewX(-10deg)}.gif-cta .cta .input-div{align-items:end;border:10px solid red;display:flex;flex-direction:column;justify-content:center;width:78%}.gif-cta .cta input{border-right:none;cursor:text;font-family:Press Start\ 2P,sans-serif;font-size:1.1rem;outline:none;padding-left:10px;-webkit-text-decoration:wavy;text-decoration:wavy;-webkit-text-decoration:dashed;text-decoration:dashed;width:100%}.gif-cta .cta input:focus{outline:3px solid #cb6ce6}.gif-cta .cta .btn-div{background-color:#cb6ce6;border:solid #000;border-width:0 0 3px;border-left:none;display:flex;font-family:Press Start\ 2P,sans-serif;justify-content:end;letter-spacing:2px;margin-left:.1rem;width:20%}.gif-cta .cta .btn-div.default button{border:none;border-radius:3px;box-shadow:-3px 3px 10px #cb6ce6;height:92%;right:-2px;top:-2px;width:97%}.gif-cta .cta .btn-div.clicked button,.gif-cta .cta .btn-div.default button{background-color:#ff68b4;font-family:Press Start\ 2P,sans-serif;letter-spacing:4px;position:relative;text-shadow:-1px 1px 1px #333}.gif-cta .cta .btn-div.clicked button{border:none;height:100%;width:100%}.confirmation-text{background-color:#fff;border:2px solid #000;box-shadow:5px 5px 3px #000;color:#000;font-family:VT323,sans-serif;font-size:25px;font-weight:500;line-height:2rem;margin-left:1rem;margin-top:7rem;padding:2rem;position:relative;text-align:left}.confirmation-text .pika-gif{display:flex;height:100%;justify-content:center;position:absolute;right:0;top:-6.5rem;width:100%;z-index:-1}.confirmation-text .pika-gif img{width:30%}.confirmation-text a{color:#179cf0}.invalid-email{background-color:#fff;border:2px solid red;color:#000;font-family:monospace;font-size:20px;line-height:2rem;margin-left:1rem;margin-top:2rem;padding:0 2rem;position:relative;width:80%}.invalid-email li:before{background-color:#d74a4a;border:2px solid #d74a4a;border-radius:50%;color:#fff;content:"!";font-family:VT323,sans-serif;font-size:30px;height:2rem;margin-right:2rem;padding:.3rem .8rem;width:2rem}.invalid-email li{list-style:none;margin-left:-2rem;text-align:left}.card-close-btn{background-color:#d74a4a;border:1px solid #d74a4a;border-radius:25px;color:#fff;padding:5px;position:absolute;right:-14px;top:-12px;width:25px}@media (max-width:1200px){.gif-cta{flex-direction:column}.gif-cta .cta-text{max-width:80vw;padding:1rem}.gif-cta .cta .input-div{width:70%}.gif-cta .cta input{font-size:.6rem;overflow:scroll}.gif-cta .cta .btn-div{width:30%}.gif-cta .cta .btn-div button{font-size:10px;letter-spacing:0}.invalid-email{width:60vw}.confirmation-text .pika-gif{top:-8.5rem}.confirmation-text .pika-gif img{width:70%}}.delete-icon-box{background-color:#e67676}.nav-bar{background-color:#f5f5f5;justify-content:space-between;padding:.2em 1.5em}.nav-bar,.nav-bar .app-logo{align-items:center;display:flex}.nav-bar .app-logo h2{font-size:25px;letter-spacing:2px}.nav-bar .app-logo img{max-block-size:3em;padding-right:.5em}.nav-bar .controlBgColor{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-left:-2em}.nav-bar .controlBgColor .colorBlock{margin:5px;min-height:25px;min-width:25px}.nav-bar .controlBgColor .colorPicker{background-color:#fff;border:2px solid grey;border-radius:5%;flex-basis:100%;margin-left:4em;margin-top:80px;position:absolute;z-index:1}.nav-bar .gen-code{background-color:#cb6ce6;border:2px solid #000;margin:.5em}.nav-bar .studio-link a{background-color:#fff;border:3px solid #cb6ce6;border-radius:5px;box-shadow:2px 2px 2px #000;color:#cb6ce6;font-size:20px;padding:10px;text-decoration:none}.nav-bar .studio-link:hover{cursor:pointer}.nav-bar-right{display:flex;flex-direction:row;justify-content:end;min-width:25%}.nav-bar-right h3{margin-right:10px}.nav-bar-right .google-login{padding-top:10px}.google-login .supabase-auth-ui_ui-container{margin:0 auto;width:100%}.user-dropdown{cursor:pointer;display:inline-block;position:relative}.user-dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);cursor:pointer;display:none;min-width:160px;position:absolute;right:0;text-align:left;z-index:100}.user-dropdown-content a{display:block;padding:12px 16px}.user-dropdown:hover .user-dropdown-content{display:block}.user-dropdown .user-dropdown-content a:hover{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);color:#333;display:block;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease}.dropdown-arrow{margin-left:10px}@media (max-width:1200px){.nav-bar .studio-link a{font-size:14px}}.discover-link{color:#333;cursor:pointer}.discover-link:hover{text-decoration:underline;-webkit-transform:scale(1.05);transform:scale(1.05)}body{background-color:#e6e1e1}#canvasContainer{background-color:#fff;border:1px solid #000;border-radius:5px;cursor:crosshair;margin:auto;overflow:scroll;position:relative;width:80%}#canvasContainerPreview{background-color:#fff;height:100%;overflow:hidden;position:relative;width:100%}.action-buttons{align-items:center;display:flex;min-height:4rem;padding:.2em 1.5em;position:absolute;right:7.5%;top:.5%}.action-buttons button img{max-width:20px}.action-buttons button{align-items:center;border:2px solid #d3d3d3;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:2.5rem;justify-content:space-evenly;margin:.5rem;width:6rem}.action-buttons .save-btn{background-color:#458fe5;color:#fff}.action-buttons .preview-btn{background-color:#f0fffa;color:#3dcc99}.action-buttons .publish-btn{background-color:#9766ff;color:#fff}.pointer{cursor:pointer}.dropdown{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:8px;z-index:100}.dropdown input{box-sizing:border-box;padding:5px;width:100%}.dropdown ul{list-style-type:none;margin:0;padding:0}.dropdown li{padding:4px 8px;text-align:left}.dropdown li:hover{background-color:#f2f2f2}.dragging{cursor:move}.add-section-container{display:flex;height:3rem;justify-content:center;margin:4rem auto;width:80%}.add-section-container button{border:1px solid grey;border-radius:5px;cursor:pointer;font-size:18px;padding:10px}.add-section-btn{background-color:#90ee90;width:100%}.del-section-btn{background-color:red;width:20%}.project-name-container{align-items:center;display:flex;margin-left:120px;min-height:4rem;min-width:30px;padding:.2em 1.5em}.project-icon{cursor:pointer;height:20px;margin-right:10px;width:20px}.project-name-input{background-color:initial;border:none;font-size:18px;font-weight:600;max-width:100%;min-width:50px;outline:none;padding:8px 12px;transition:border-color .3s;width:auto}.project-name-input:focus{background:#fff;border:1px solid #a9a9a9;border-radius:4px;box-shadow:none;max-width:100%;min-width:50px;width:auto}@media (max-width:900px){.action-buttons{right:25%;top:8.5%;z-index:99}.project-name-container{align-items:center;display:flex;min-height:4rem;padding:.2em 1.5em}.project-name-input{width:50%}.project-icon{display:none}}.resizable-handle{background-color:#fff;border:3px solid #cb6ce5;border-radius:50%;height:10px;margin:-2px;position:absolute;width:10px}.resizable-handle:hover{background-color:#9766ff}.handle-bottom-right{bottom:-5px;cursor:nwse-resize;right:-5px}.handle-top-right{cursor:nesw-resize;right:-5px;top:-5px}.handle-top-left{cursor:nwse-resize;left:-5px;top:-5px}.handle-bottom-left{bottom:-5px;cursor:nesw-resize;left:-5px}.error-message{color:red;font-size:12px;margin-bottom:5px}.input-error{border:1px solid red}.heading{position:relative}.heading-input{white-space:pre-wrap}.heading.focused .heading-input{border:none;box-sizing:border-box;outline:none}.heading-input:hover{cursor:text}.para-input{white-space:pre-wrap}.para .para-input{background:transparent;box-sizing:border-box}.para-input:hover{cursor:text}.btn-div p{align-items:center;display:flex;text-align:left}.select-btn{cursor:text}.select-btn p{cursor:text;justify-content:center}.btn-div .button,.button p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-btn{background-color:#fff;border:none}.imageDialog{background:#f5f5f5;border:1px solid #676767;border-radius:6px;height:350px;position:relative;top:2px;width:500px;z-index:40000}.imageDialog__header{align-items:center;background:#e6e6e6;border-radius:6px 6px 0 0;display:flex;justify-content:center}.header-image{margin-left:10px}.imageDialog__content-link{padding-bottom:35px;padding-top:35px}.imageDialog__file-upload{padding-top:20px}.image-file-box-input{height:193px;left:0;opacity:0;position:absolute;right:0;width:100%}.div-polygon.sides-3{position:relative}.div-polygon.sides-3 .inner-polygon{background:#d3d3d3;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:100%;width:100%}.div-star{position:relative}.inner-star{background-color:#d3d3d3;height:100%;width:100%}.toolbar{align-items:center;background-color:#f5f5f5;border:1px solid #000;display:flex;justify-content:space-around;margin-top:-1rem;min-width:20%;padding:5px;position:relative;z-index:1000}.toolbar .toolbar-input input,.toolbar button,.toolbar select{background-color:#f5f5f5;border:none;margin:0 5px}.toolbar select{max-width:4rem}.toolbar button.active{background-color:#888;border-radius:5px;color:#fff}.toolbar .toolbar-btn-Italic{font-style:italic}.toolbar .toolbar-btn-Underline{text-decoration:underline}.toolbar .toolbar-dropdown-Variant{min-width:5rem}.toolbar .toolbar-input input{max-width:3rem}.toolbar .toolbar-input.Color input,.toolbar .toolbar-input.Fill input{border-radius:10rem;width:1.5rem}.icon{margin:.2rem auto auto;width:1.2rem}.main-dropdown{list-style:none;margin:0;padding:0;width:200px}.main-item{cursor:pointer;padding:10px;position:relative}.has-nested:hover .nested-dropdown{display:block}.nested-dropdown{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;left:100%;list-style:none;margin:0;padding:0;position:absolute;top:0;width:200px}.nested-item{cursor:pointer}.publish-modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.publish-modal-content{background-color:#e6e1e1;border:1px solid #9766ff;max-height:500px;overflow:auto;padding:20px 50px;width:400px}.form{display:flex;flex-direction:column;gap:10px}.input-field{align-items:center;display:flex;gap:5px}.publish-modal__input,.publish-modal__textarea{border:none;flex:2 1;padding:5px}textarea{height:60px;max-height:120px;overflow:auto}.suggestions{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.suggestions-items>span{font-size:.8rem}.form-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}label{flex:1 1;text-align:left}.input-container,.input-field,.input-field.input[type=text],textarea{flex:2 1;width:100%}.input-container{border-radius:5px;display:flex;flex-direction:column}.suggestions{margin-top:10px}.suggestions-label{font-size:.7rem}.suggestions-items{display:flex;gap:10px}.suggestions-items>span{background-color:grey;border-radius:5px;color:#fff;cursor:pointer;font-size:.6rem;padding:5px 10px}.publish-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.publish-modal__button{background-color:#e6e1e1;border:none;border-radius:5px;cursor:pointer;padding:5px 15px;transition:background-color .3s ease}.publish-modal__button:hover{background-color:#d5d0d0}.publish-modal__button--submit{background-color:#9766ff;color:#fff}.publish-modal__button--submit:hover{background-color:#8155e6}.publish-modal__button--cancel{background-color:#fff;border:1px solid #d5d0d0;color:#333}.publish-modal__button--cancel:hover{background-color:#f7f7f7}.form-heading{font-size:1.3rem;margin-bottom:20px;margin-top:0;text-align:left}.url-error{align-self:flex-start;color:red;font-size:.7rem;margin-bottom:5px}input[type=text].error-input{border:1px solid red}.projects-container{display:flex;justify-content:center;margin:3rem 0}.project-box:hover .delete-icon-box{visibility:visible}#yourProjects{display:flex;flex-wrap:wrap;max-width:80vw;width:100%}#yourProjects h2{text-align:left}.project-box{align-items:center;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-basis:calc(33.333% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;height:200px;justify-content:end;margin:10px;position:relative;transition:.3s}.project-box:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);cursor:pointer}.new-project-icon{margin-top:20px;width:100px}.box-container{padding:2px 16px}@media (max-width:1200px){h1{font-size:1.5rem}.projects-container #yourProjects{justify-content:center}.projects-container #yourProjects .project-box{flex-basis:80%;flex-grow:0;flex-shrink:0;width:100%}}.delete-icon{right:10px;top:10px}.delete-modal{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);display:flex;height:288px;justify-content:center;left:50%;padding:5px 20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:405px;z-index:1000}.modal-content{text-align:center}.delete-icon{cursor:pointer;height:20px;position:absolute;right:5px;top:5px;width:20px}.delete-icon:hover{color:#ff8080;-webkit-transform:scale(1.1);transform:scale(1.1)}.delete-modal button{margin-right:10px}.modal-icon{height:70px;margin-bottom:15px;width:70px}.modal-text{font-family:Poppins,sans-serif;margin-bottom:20px}.modal-buttons{display:flex;justify-content:center}.cancel-button,.confirm-button{margin:0 10px}.modal-buttons button{border:0;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;height:44px;padding:10px 60px;text-align:center;transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease;transition:background-color .3s ease,transform .3s ease,-webkit-transform .3s ease;width:172px}.confirm-button{background-color:#ff8080;color:#000}.cancel-button{background-color:#e6e6e6;color:#000}.confirm-button:hover{background-color:#e67676}.cancel-button:hover,.confirm-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cancel-button:hover{background-color:#d4d4d4}.delete-icon-box{align-items:center;background-color:#fff;border:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;display:flex;height:30px;justify-content:center;right:10px;width:30px}.delete-icon-box,.url-open-button{position:absolute;top:10px;visibility:hidden}.url-open-button{border-radius:4px;font-size:14px;left:10px;opacity:0;padding:5px 10px;transition:opacity .3s ease;z-index:2}.new-project-box:hover .url-open-button{font-weight:700;opacity:1;visibility:visible}.url-open-button{align-items:center;background-color:#9766ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;text-decoration:none;transition:background-color .3s}.opentab-icon{color:#fff;height:20px;margin-right:5px;vertical-align:middle;width:20px}
/*# sourceMappingURL=main.3fae12b2.css.map*/