@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";body *{font-family:Oswald}body{height:100vh;width:100vw;margin:0;overflow:hidden;display:flex;flex-direction:row-reverse}#simulation{width:80%}#handle{background-color:var(--MAIN-COLOR);width:20%;display:grid;grid-template-rows:1fr 1fr}#handle input{background-color:var(--MAIN-COLOR);outline:none;border-radius:10px;border:none;box-shadow:0 0 6px .1px var(--CONTRAST-COLOR);text-align:center;width:90%}#handle input:hover{box-shadow:0 0 6px 1px var(--CONTRAST-COLOR)}#handle div label{letter-spacing:2px}canvas{display:block}article figure{width:20px;height:20px;border:1px solid var(--CONTRAST-COLOR);border-radius:50%}#choosePrism,#prismInformation{display:grid;background-color:#e7eae4;margin:3%;border-radius:10px}#choosePrism *{margin:5%}#choosePrism p,#prismInformation p{align-content:center;text-align:center}#choosePrism label{font-size:90%}#prismInformation{display:grid}#prismInformation *{display:grid;grid-template-columns:5fr 1fr;margin-left:10%}#prismInformation p{margin-left:0;margin-right:0;align-items:center;display:block}#prismInformation label{align-content:center}#prismInformation input{box-shadow:none;margin:20%}#prismInformation input:hover{box-shadow:none}#prismInformation article{margin-right:10%;margin-left:0}input[type=radio]{accent-color:var(--SEC-COLOR)}