:root{--arrows-color: rgba(145, 145, 145, .104);--arrows-border: rgba(7, 5, 5, .106)}*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.menu{position:absolute;width:22rem;height:8.5rem;bottom:2.5px;left:0;display:flex;justify-content:space-between}#geometry,#material{width:48%;height:100%;display:flex}.left_arrow{width:10%;height:40%;background:var(--arrows-color);border-radius:7px 0 0 7px;border-color:var(--arrows-border);margin:auto;display:flex;justify-content:center;align-items:center}.left_arrow:hover{cursor:pointer}.left_arrow img{filter:brightness(0) invert(1)}.right_arrow{width:10%;height:40%;background:var(--arrows-color);border-radius:0 7px 7px 0;border-color:var(--arrows-border);margin:auto;display:flex;justify-content:center;align-items:center}.right_arrow:hover{cursor:pointer}.right_arrow img{filter:brightness(0) invert(1)}.center{width:70%;height:100%}.center .title,.center .name{text-align:center;height:15%;color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center}.center .image{height:70%;display:flex;justify-content:center;align-items:center}.center .image img{width:100%;height:100%;max-width:80%;max-height:80%;image-rendering:pixelated}.dialog-box{width:40%;height:50%;background:#282828;border-radius:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-wrap:break-word}.dialog-box .titulo-dialog-box{background:#1a1a1a;border-radius:7px 7px 0 0;height:10%;display:flex;justify-content:center;align-items:center}.dialog-box .titulo-dialog-box p{color:#fff;text-shadow:3px 3px 5px rgb(0,0,0);font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;white-space:normal;word-wrap:break-word}.contenido-dialog-box{height:70%;width:96%;padding-top:1rem;margin:auto}.dialog-box .contenido-dialog-box p{font-size:1.5rem;text-align:justify;color:#b6b3b3;text-shadow:3px 3px 5px rgb(0,0,0);font-family:Arial,Helvetica,sans-serif;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.dialog-box .titulo-dialog-box p span,.dialog-box .contenido-dialog-box p span{display:inline-block}.botones{display:flex;justify-content:center;align-items:center;gap:3rem}.button-dialog{font-size:1.5rem;text-align:center;color:#fff;text-shadow:3px 3px 5px rgb(0,0,0);font-family:Arial,Helvetica,sans-serif;background:#1a1a1a;width:5rem;height:3rem;border-radius:7px}.info{position:absolute;background:none;border:none;top:5px}.info:hover{cursor:pointer}.info img{image-rendering:pixelated}.gui-light{width:280px;height:10%;position:absolute;right:0}@media(max-width:600px){.dialog-box{width:80%;height:50%}.botones{gap:1rem}.button-dialog{font-size:1rem;width:5rem;height:2.5rem}.contenido-dialog-box{height:65%;width:96%}.dialog-box .contenido-dialog-box p{font-size:1rem}.lil-gui{width:200px!important}.gui-light{width:230px;height:10%}}@media(max-width:900px)and (orientation:landscape){.dialog-box{width:50%;height:70%}.dialog-box .titulo-dialog-box p{font-size:1rem}.botones{gap:1.5rem}.button-dialog{font-size:1rem;width:5rem;height:2.5rem}.contenido-dialog-box{height:50%;width:96%}.dialog-box .contenido-dialog-box p{font-size:.85rem}.lil-gui{width:200px!important}.gui-light{width:230px;height:10%}}@media(min-width:600px)and (max-width:900px)and (orientation:portrait){.dialog-box{width:80%;height:50%}.botones{gap:1rem}.button-dialog{font-size:1.5rem;width:6.5rem;height:2.5rem}.contenido-dialog-box{height:65%;width:96%}.dialog-box .contenido-dialog-box p{font-size:1.5rem}.lil-gui{width:200px!important}.gui-light{width:230px;height:10%}}@media(min-width:900px)and (max-width:1200px)and (orientation:landscape){.dialog-box{width:50%;height:60%}.botones{gap:1rem}.button-dialog{font-size:1.5rem;width:6.5rem;height:2.5rem}.contenido-dialog-box{height:65%;width:96%}.dialog-box .contenido-dialog-box p{font-size:1.2rem}.lil-gui{width:200px!important}.gui-light{width:230px;height:10%}}