#p5Editor{position:absolute;margin-left:5rem;margin-top:8rem;height:50%;width:30%}.p5default{position:absolute;margin-left:55%;margin-top:8rem;height:50%;width:40%}.p5fixed{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:25rem;width:25rem;overflow:hidden}.tab{position:absolute;border:1px solid #ccc;background-color:#f1f1f1;width:30%;margin-top:8rem;margin-left:5rem;white-space:nowrap}.tab-buttons-container{display:flex;overflow-x:auto;scrollbar-width:thin}.tab button{background-color:#ddd;border:none;outline:none;cursor:pointer;padding:.5rem 1rem;transition:.3s;flex-shrink:0}.tab button:hover{background-color:#c7c7c7}.tab button.active{background-color:#a7a5a5}.w3-code{position:absolute;width:40%;height:40%;margin-left:2rem;margin-top:11.5rem;padding:10px;border:1px solid #ccc;background-color:#fff;border-radius:5px;resize:vertical}.tabcontent{display:none}.tabcontent.active{display:block}@media only screen and (max-width: 750px){.tab{width:80%;margin-left:2rem;margin-top:7rem}.w3-code{width:80%;height:20rem;margin-left:2rem;margin-top:9.5rem}.p5default{margin-left:2rem;margin-top:33rem;height:40%;width:80%}}