#root,.app,body,html{height:100%;width:100%}.app{display:flex;height:100%}aside{background-color:#282c2f;width:250px}aside h2,aside h3,aside h4{color:#fff;text-decoration:none;text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}a,a:active,a:hover,a:visited{color:inherit}.toolbar{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow:hidden;padding:10px 0}.canvas{background-color:#fff;border:1px solid #d3d3d3;border-bottom:none;border-top:none;flex:1 1;height:100vh;position:relative;width:calc(100% - 200px)}.panel{display:flex;flex:1 1;flex-direction:column;height:100vh;padding:10px}.selected{height:75%}.info,.selected,h2{text-align:center}.info{border:2px solid #fff;height:25%}.properties{margin-top:10px}.shape{height:100px;margin:10px;width:150px}.circle{border-radius:50%;width:100px}.interpreterT{background-image:url(/static/media/interT.665a0fd5693465fdc07b.PNG);background-position:50%;background-repeat:no-repeat;background-size:contain;float:left;height:200px;width:600px}.translatorT{background-image:url(/static/media/transT.cc3f42b90bcce847d9a5.PNG)}.programT,.translatorT{background-position:50%;background-repeat:no-repeat;background-size:contain;float:left;height:200px;width:300px}.programT{background-image:url(/static/media/progT.0cf57c7905d7b0f43d15.PNG)}.machineT{background-image:url(/static/media/machT.8f4a46de74f976eaa898.PNG)}.machineT,.translatorJ{background-position:50%;background-repeat:no-repeat;background-size:contain;float:left;height:200px;width:300px}.translatorJ{background-image:url(/static/media/transJ.61ece4b53278b830fe68.PNG)}.interpreterJ{background-image:url(/static/media/interJ.c0d92a2a9801d529fd4b.PNG);background-position:50%;background-repeat:no-repeat;background-size:contain;float:left;height:200px;width:300px}.compilerJ{background-image:url(/static/media/compJ.6239517250c55e6de3e8.PNG)}.compilerJ,.machineJ{background-position:50%;background-repeat:no-repeat;background-size:contain;float:left;height:100px;width:150px}.machineJ{background-image:url(/static/media/machJ.bf4843fab03eeb56fea4.PNG)}.key{align-items:center;color:#789;display:flex;height:25px;justify-content:space-between;margin-bottom:10px}.value{color:#fff;font-weight:bolder}.no-data{color:#789}#style1{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer}#style1::-webkit-color-swatch{border:none;border-radius:15px}#style1::-moz-color-swatch{border:none;border-radius:15px}.buttons{display:flex;position:absolute;right:0;top:0}.buttons button{background:#d3d3d3;border-radius:4px;cursor:pointer;height:30px;margin:4px;padding:0 8px;text-transform:uppercase;transition:all .25s ease-in;z-index:10}.buttons button:hover{background:#a9a9a9}*{border:none;box-sizing:border-box;font-family:Rockwell,Roboto,Lato,Helvetica,Arial,sans-serif;margin:0;padding:0}body{background-color:#d0e3eb}.Navbar{align-items:center;background-color:#282c2f;border-radius:10px;color:#fff;display:flex;height:50px;justify-content:center;position:fixed;text-decoration:none;text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;width:100%}a{margin:0 10px}.heading-container{align-items:center;display:flex;flex-direction:column;text-align:center}.heading-title{color:#333;font-size:36px;font-weight:700;margin-bottom:10px}.use-case-subtitle{padding-left:30px;text-align:left}.diagram-key{display:flex;flex-direction:row;padding:2px}.info-container{align-items:center;background-color:#282c2f;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:450px;margin:auto;overflow:hidden;padding:10px;width:200px}.info-image{height:60%;max-width:100%;object-fit:contain}.info-text-container{padding:5px}.info-title{color:#666;font-size:24px;font-weight:700;text-shadow:-1px 1px 0 #000,.1px .1px 0 #000,.1px -.1px 0 #000,-.1px -.1px 0 #000}.info-text,.info-title{margin-top:10px;text-align:center}.info-text{color:#fff;font-size:16px;text-decoration:none;text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.card-container{background-color:#282c2f;border-radius:10px;box-sizing:border-box;margin:20px auto;padding:10px;width:95%}.card-container,.card-image-container{align-items:center;display:flex;justify-content:center}.card-image-container{width:100%}.card-image{max-width:45%}.card-image,.single-card-image{margin:0 10px;max-height:90%;object-fit:cover;padding:10px}.single-card-image{max-width:55%}.card-text,p{color:#fff}.card-text h2{color:#666;text-shadow:-1px 1px 0 #000,.1px .1px 0 #000,.1px -.1px 0 #000,-.1px -.1px 0 #000}.wide-card-container{background-color:#282c2f;border-radius:10px;box-sizing:border-box;flex-direction:column;margin:20px auto;padding:10px;text-align:center;width:95%}.wide-card-container,.wide-card-image-container{align-items:center;display:flex;justify-content:center}.wide-card-image-container{width:100%}.wide-card-image{margin:0 10px;max-height:90%;object-fit:cover;padding:10px;width:60%}.card-text{box-sizing:border-box;padding:10px;width:50%}
/*# sourceMappingURL=main.d8d27f0f.css.map*/