*{margin:0;padding:0;box-sizing:border-box}:focus{outline:none}ul{list-style:none}input:focus{outline:none}.global-container{display:flex;flex-direction:column}.global-container,.popupView{font-family:"Varela Round",sans-serif;height:100vh;width:100vw}.popupView{cursor:alias;z-index:1;position:absolute;top:0;left:0;display:block;background-color:rgba(0,0,0,.5);display:flex}.popupView,.popupView .fileUploadWindow{align-items:center;justify-content:center}.popupView .fileUploadWindow{width:50%;height:50%;background-color:#1f2227;color:#fff;border-radius:5px;-webkit-animation:createBox .3s;animation:createBox .3s;display:flex}@-webkit-keyframes createBox{0%{transform:scale(0)}90%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes createBox{0%{transform:scale(0)}90%{transform:scale(1.01)}to{transform:scale(1)}}.popupView .inner-window{height:90%;width:95%;border:4px dashed grey;font-size:1.5rem;color:#888;display:flex;flex-direction:column;align-items:center;justify-content:center}.popupView .inner-window .desc{margin-bottom:20px}.popupView .inner-window i{font-size:4rem}.popupView .inner-window .browse-button{margin-top:10px;cursor:pointer;color:#fff;border:2px solid #fff;padding:10px;background-color:rgba(0,0,255,.7);border-radius:10px}.popupView .inner-window.bright{border:4px dashed #fff;color:#fff}.navbar{flex:0 1 auto;color:#fff;padding:10px;background-color:#1f2227;border-bottom:1px dotted hsla(0,0%,100%,.2)}.navbar .navbar-items{display:flex;justify-content:space-between}.navbar .navbar-head{display:flex;align-items:center;margin-right:10px}.navbar .navbar-head input{border:none;display:inline;font-family:inherit;font-size:inherit;color:#fff;padding:none}.navbar .navbar-head i{z-index:-1}.navbar .navbar-head img{height:75%}.navbar .navbar-tail{display:flex;align-items:center;margin-right:10px}.navbar .navbar-tail .navbar-item{padding-bottom:5px;margin-right:20px;cursor:pointer}.navbar .navbar-tail i{margin-right:10px}.navbar .navbar-tail .navbar-item:hover{border-bottom:2px solid #00f}.navbar .navbar-tail .navbar-item:hover i{color:#00f}.navbar .hamburger-container{display:none;position:absolute;top:20px;right:30px;font-size:1.5rem}.projectName{font-size:1.3rem}.projectName i{margin-left:6px;font-size:.9rem;transform:translateY(-2px)}.projectName i:hover{color:#00f}.projectAuthor{font-size:.9rem;cursor:alias}.logo-container{width:50px;height:50px;margin-right:10px;display:flex;align-items:center;justify-content:space-around}@media(max-width:426px){.projectName{font-size:1rem}.projectName i{display:none}.navbar .navbar-tail{z-index:3;position:absolute;flex-direction:column;align-items:inherit;background-color:#1f2227;border-right:1px solid #fff;width:50vw;height:100%;transform:translateY(-10px);transform:translateX(-500px);padding-top:40px;transition:transform .2s ease-out}.navbar .navbar-tail .navbar-item{font-size:1.1rem;margin-top:30px;margin-left:10px}.navbar .navbar-tail i{margin-right:20px}.navbar .navbar-tail.show{transform:translateX(0)}.navbar .hamburger-container{display:block}}@media(min-width:2560px){.projectName{font-size:1.5rem}.projectAuthor{font-size:1.1rem}.navbar .navbar-tail{font-size:1.5rem}}.body,input{background-color:#1f2227}.body{flex:1 1 auto;height:90%;font-family:"Varela Round",sans-serif;padding:30px 30px 0;color:#fff;display:flex;align-items:flex-start;justify-content:space-between;overflow:hidden}h1{cursor:alias;font-size:1.5rem}.registers-container{flex:1 1;width:100%;font-size:.9rem}.registers-container .header{display:flex;align-items:center;justify-content:space-between}.registers-container .header i{margin-right:60px;cursor:pointer}.registers-container .header i:hover{transform:rotate(1turn);transition:transform 1s ease-in-out 0s}.registers-container table{table-layout:fixed}.registers-container td{width:50%}.registers-container .register-value{text-align:center}.registers-container .primary-registers,.registers-container .special-registers{margin-top:20px;width:100%;cursor:alias}.registers-container .flag-registers{margin-top:40px;width:80%;cursor:alias}.registers-container .number-converter{margin-top:40px;width:70%}.registers-container .number-converter .register-label{cursor:alias}.registers-container .number-converter input{border:none;border-bottom:2px solid rgba(58,89,152,.5);display:inline;font-family:inherit;font-size:inherit;text-align:center;color:#fff;padding:3px;width:90%}.registers-container .number-converter input:hover{border-bottom:2px solid #00f}.editor-container{flex:2 1;width:100%;height:600px;margin-right:30px}.editor-container .header{display:flex;align-items:center;justify-content:space-between}.editor-container .header i{margin-right:50px;font-size:1.2rem;cursor:pointer}.editor-container .header i:hover{transform:scale(1.2);transition:transform .1s ease-in-out 0s;color:#00f}.editor-container .editor-child{height:420px;margin-top:20px}.editor-container .margin-view-overlays{width:20px}.assembled-container{flex:2 1;width:100%;height:750px;margin-right:30px;overflow:hidden}.assembled-container .header{display:flex;align-items:center;justify-content:space-between}.assembled-container .header i{margin-right:50px;font-size:1.2rem;cursor:pointer}.assembled-container .header i:hover{transform:scale(1.2);transition:transform .1s ease-in-out 0s;color:#00f}.assembled-container .assembled-child{margin-top:20px;width:100%;height:420px;padding-right:15px;box-sizing:content-box;overflow-y:scroll}.assembled-container .assembled-child .assembled-table{display:flex;flex-direction:column;align-items:center}.assembled-container .assembled-child .assembled-table .assembled-row{width:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5)}.assembled-container .assembled-child .assembled-table .assembled-row .assembled-labels{border-right:1px solid hsla(0,0%,100%,.5)}.assembled-container .assembled-child .assembled-table .assembled-row .assembled-instructions,.assembled-container .assembled-child .assembled-table .assembled-row .assembled-labels{flex:1 1;height:30px;display:flex;align-items:center;justify-content:center;border-top:1px solid hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.5)}.assembled-container .assembled-child .assembled-table .coloured{background-color:#30353d}.assembled-container .assembled-navigation{margin-top:20px;font-size:1.2rem;width:100%;display:flex;justify-content:space-around;align-items:center}.assembled-container .assembled-navigation .navigation-button{display:flex;align-items:center;justify-content:space-around;padding:10px 20px;border:2px solid rgba(58,89,152,.5);border-radius:10px}.assembled-container .assembled-navigation .navigation-button:hover{border:2px solid #00f}.assembled-container .assembled-navigation .disabled.navigation-button,.assembled-container .assembled-navigation .disabled.navigation-button:hover{border:2px solid hsla(0,0%,53.3%,.5)}.assembled-container .assembled-navigation .disabled.navigation-button:hover i,.assembled-container .assembled-navigation .disabled.navigation-button i{color:#888}.memory-container{flex:2 1;width:100%;height:600px}.memory-container .header{display:flex;justify-content:space-between;padding-right:10px}.memory-container .header .header-tail{display:flex;align-items:center}.memory-container .header .header-tail i{margin-right:20px;cursor:pointer}.memory-container .header .header-tail i:hover{transform:rotate(1turn);transition:transform 1s ease-in-out 0s}.memory-container .header input{border:none;border-bottom:2px solid rgba(58,89,152,.5);display:inline;font-family:inherit;font-size:inherit;color:#fff;padding:none;text-align:end;width:65px}.memory-container .header input:hover{border-bottom:2px solid #00f}.memory-container .entire-memory-view{width:100%;display:flex;flex-direction:column;height:90%;align-items:center;justify-content:space-evenly}.memory-container .entire-memory-view .grid{font-size:.7rem;margin-top:20px;height:80%;width:100%;display:grid;grid-template-columns:repeat(17,auto);cursor:alias}.memory-container .entire-memory-view .grid .grid-bold{font-weight:700}.memory-container .entire-memory-view .grid .grid-element{display:flex;justify-content:center;align-items:center}.memory-container .entire-memory-view .navigation{padding:20px 20px 0;width:100%;display:flex;align-items:center;justify-content:space-around}.memory-container .entire-memory-view .navigation i{cursor:pointer}.memory-container .entire-memory-view .navigation i:hover{transform:scale(1.2);transition:transform .1s ease-in-out 0s;color:#00f}.memory-container .entire-memory-view .navigation .disabled{color:#888}.memory-container .loaded-memory-view{width:100%;height:520px;margin-top:20px;overflow:hidden}.memory-container .loaded-memory-view .loaded-child{width:100%;height:100%;overflow-y:scroll;padding-right:17px;box-sizing:content-box;display:flex;flex-direction:column}.memory-container .loaded-memory-view .loaded-row{width:100%;display:flex;justify-content:center;align-items:center;border-right:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5)}.memory-container .loaded-memory-view .loaded-column{width:50%;height:30px;display:flex;align-items:center;justify-content:center;border-right:1px solid hsla(0,0%,100%,.5);border-top:1px solid hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.5)}.memory-container .memory-views{margin-top:20px;display:flex;justify-content:space-around}.memory-container .memory-views input{margin-right:10px;cursor:pointer}@media(max-width:1222px){h1{font-size:1.5rem}.registers-container{flex:1 1}.registers-container .header i{margin-right:40px}.editor-container{flex:2 1;margin-right:10px}.memory-container{flex:2 1}}@media(max-width:901px){.body{flex-wrap:wrap;overflow:scroll}.registers-container{flex:1 1;order:2}.registers-container .header i{margin-right:52px}.editor-container{flex:2 1;order:1;flex-basis:100%;margin-bottom:10px;height:600px}.editor-container .header i{margin-right:0}.editor-container .editor-child{height:510px}.assembled-container{margin-right:0;flex:2 1;order:1;flex-basis:100%;margin-bottom:10px;height:600px}.memory-container{flex:2 1;order:3;margin-bottom:50px}}@media(max-width:559px){.registers-container{flex-basis:100%;margin-bottom:100px;flex:1 1}.registers-container .header i{margin-right:5px}.registers-container .primary-registers .register-value,.registers-container .special-registers .register-value{text-align:right}.registers-container .flag-registers,.registers-container .number-converter{width:100%}.assembled-container .header i{margin-right:0}.memory-container{flex:1 1;flex-basis:100%;margin-bottom:50px}}@media(max-width:375px){.body{padding:50px 10px 0}}@media(min-width:2506px){h1{font-size:4rem}.registers-container{font-size:1.8rem}.registers-container .header i{margin-right:110px}.editor-container{height:1100px}.editor-container .header i{font-size:2rem}.editor-container .editor-child{height:900px;font-size:5rem}.assembled-container{height:1100px}.assembled-container .assembled-child{height:900px;font-size:2rem}.assembled-container .assembled-child .assembled-table .assembled-row .assembled-instructions,.assembled-container .assembled-child .assembled-table .assembled-row .assembled-labels{height:50px}.memory-container{height:1100px}.memory-container .header input{font-size:2rem;width:150px}.memory-container .header i{font-size:2rem}.memory-container .entire-memory-view .grid,.memory-container .entire-memory-view .navigation{font-size:1.5rem}.memory-container .memory-views{font-size:2rem}}
/*# sourceMappingURL=main.ddb55c66.chunk.css.map */