@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;font-family:Space Mono,monospace;color:#efefef;text-decoration:none}html{background-color:#0d0d0d}body{display:grid;grid-template-rows:75vh 25vh;grid-template-columns:7vw 70vw 23vw;height:100vh;width:100vw;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden}#banner{position:fixed;width:calc(100% - 50px);height:calc(100% - 50px);padding:25px;top:0;left:0;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:grid}#banner main{width:80%;height:80%;align-self:center;justify-self:center;background-color:#0a0a0acc;padding:25px;border-radius:25px;display:grid;grid-template-rows:10% 10% 80%;grid-template-columns:95% 5%;border:3px solid #efefef}#banner main h2{margin-left:50px}#fechar{justify-self:end;font-weight:bolder;font-size:40px;cursor:pointer}#pessoa{grid-column-start:1;grid-column-end:2;display:grid;grid-template-columns:50% 50%;justify-items:center}#pessoa button{border:none;border-bottom:1px solid #efefef;align-self:center;padding:5px;cursor:pointer;background-color:transparent;transition:.2s}#pessoa button:hover{padding-bottom:2px;border-bottom:4px solid #efefef;transition:.2s}.texto{grid-row-start:3;grid-row-end:4;grid-column-start:1;grid-column-end:3;line-height:2.2;letter-spacing:1px;text-align:justify}.texto p:first-letter{margin-left:50px}#professor{display:none}#topo{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;width:100%;height:100%;display:inline-grid;grid-template-rows:50% 50%}#titulo{margin-bottom:25px;justify-self:center;letter-spacing:5px;font-size:35px;align-self:end;writing-mode:sideways-lr;margin-left:0;border-right:0px solid #efefef;transition:.2s}#titulo:hover{margin-left:4px;border-right:4px solid #efefef;transition:.2s}#alerta{justify-self:center;align-self:start;margin-top:25px}#alerta span{font-size:35px}#atomo{margin:15px;grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;width:calc(100% - 80px);height:calc(100% - 80px);display:grid;padding:25px;grid-template-rows:25% 75%;grid-template-columns:10% 90%;border-radius:10px;border:3px solid #efefef}#simbolo{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;width:100%;height:100%;border-radius:5px;border:3px solid #efefef;display:grid;align-items:center;justify-items:center}#simbolo span{font-size:30px}.threejs{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3;width:100%!important;height:100%!important}#controles{grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:2;width:100%;height:100%;display:grid;justify-items:center;grid-template-rows:55% 45%}.vazio{border:0;color:transparent;background-color:transparent;cursor:default}.vazio:hover{background-color:transparent}#tabela{margin-top:15px;padding:20px;font-size:8px;text-align:center;width:75%;height:80%;border-radius:10px;border:3px solid #efefef}td{border:1px solid #efefef;padding:1.5px;transition:.3s;cursor:pointer}td:hover{background-color:#efefef;color:#161628;transition:.3s}#controles #maismenos{padding:20px;width:75%;display:grid;grid-template-rows:50% 50%;grid-template-columns:100%;justify-items:center;align-items:center;align-self:start}#controles #maismenos div{display:flex;align-items:center}#controles div span{font-size:50px}.particula{margin:20px;font-size:30px!important}#distribuicao{grid-column-start:2;grid-column-end:4;grid-row-start:2;grid-row-end:3;width:calc(100% - 50px);height:calc(100% - 50px);display:grid;padding:25px;overflow:hidden}#distribuicao div{display:grid;aspect-ratio:1/1;border-radius:100%;position:relative}#ultima{left:-13%;height:1200%;width:auto}.camada{height:80%;border:3px solid #444444;align-self:center;justify-self:start;display:grid}#nucleo{background-color:#5f5f5f;height:35%;align-self:center;justify-self:center}.c1:after,.c2:after,.c3:after,.c4:after,.c5:after,.c6:after,.c7:after,.c8:after{content:"";text-align:center;align-content:center;width:60px;height:60px;position:absolute;background-color:#252525;right:-30px;top:calc(50% - 30px);border-radius:60px;box-shadow:0 0 2px 2px #00000080;display:none}@media (max-width: 768px){#fechar,#pessoa{position:fixed;background-color:#0d0d0d;padding:10px}#banner main{align-self:start;overflow:scroll;grid-template-rows:10% 5% 90%}#banner main h2{margin-left:0;margin-top:50px}.texto{line-height:1.5;letter-spacing:0px}.texto p:first-letter{margin-left:0}body{grid-template-rows:30vh 50vh 10vh;grid-template-columns:100vw}#topo{grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4}#atomo{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;display:block;height:80%;width:90%;padding:0;justify-self:center;align-self:center}#simbolo{display:none}#controles{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;grid-template-rows:100%;height:100%;width:100%;padding:0;justify-self:center;align-self:center}#tabela{margin-top:25px;font-size:8px;text-align:center;width:90%;height:100%}#controles div,#controles span,#distribuicao{display:none}.threejs{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;width:100%;height:100%}#topo{grid-template-rows:100%;grid-template-columns:50% 50%}#titulo{writing-mode:unset;margin:0 25px 0 0;align-self:center;justify-self:end}#alerta{align-self:center;justify-self:start;margin:0 0 0 25px}#titulo:hover{border:0px;margin-top:4px;border-bottom:4px solid #efefef;transition:.2s}}