*{border:0;padding:0}.pagina1{margin-top:150px}.item{margin:5px;padding:10px;border:1px solid #ccc;display:inline-block;cursor:pointer}.menu{margin-top:30px;text-align:center}.drop-zone{display:flex;display:block;margin-top:20px;border:3px dashed #46be16;padding:20px;min-height:100px;margin-left:40px}canvas{border:5px solid #2bff00}body{font-family:Arial,sans-serif;margin-top:50px}.grid{display:grid;grid-template-columns:.3fr .3fr 1.5fr;height:100vh;width:auto;background-color:#080808;flex-direction:column}.left-panel{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;margin-left:-45px;margin-top:-350px}.code-screen{position:absolute;top:28vh;right:55vw;width:10vw;height:20vh;border:5px solid #2bff00;background-color:#fff;overflow:auto;margin-top:150px;padding:10px;font-family:monospace;font-size:1.2em;text-align:center}.container{display:flex;justify-content:center;align-items:center;background-color:#000;margin-top:-160px;margin-left:200px}.item{border-radius:10%;width:120px;height:50px;padding:10px;background-color:#4caf50;color:#fff;cursor:grab;margin-bottom:5px;border:3px dashed #ffffff;text-align:center;position:relative}.item:hover{border:3px dashed #4caf50}.block-gif{width:100px;height:auto}.drop-zone{background-color:#fff;width:100%;height:90%;align-items:center;justify-content:center;flex-direction:column;font-size:18px;color:#4caf50;text-align:center}.drop-zone:hover{background-color:#036e33;border:3px dashed #ffffff;color:#fff}.execute-button{position:absolute;top:58vh;right:55vw;width:10vw;margin-top:150px;background-color:#fff;color:#4caf50;border:none;cursor:pointer;border-radius:5%;padding:10px 50px;margin-left:40px}.execute-button:hover{position:fixed;margin-top:150px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:5%;padding:10px 50px}h3{position:absolute;color:#fff;margin-left:20px;margin-top:60px;padding:10px;border:5px solid #2bff00}.preview-screen{position:absolute;top:5vh;right:55vw;width:10vw;height:20vh;border:5px solid #2bff00;background-color:#fff;overflow:hidden;margin-top:150px}@media (max-width: 768px){.preview-screen{top:10vh;right:2vw;width:30vw;height:30vh}.code-screen{top:45vh;right:2vw;width:30vw;height:30vh}}@media (max-width: 480px){.preview-screen{top:10vh;right:2vw;width:40vw;height:40vh}.code-screen{top:55vh;right:2vw;width:40vw;height:40vh}}#codigo-gerado{white-space:pre-wrap}.block-gif{width:100%;height:auto}