body{margin:0;height:inherit}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;max-width:800px;background-color:#fff;margin:0 auto;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.instruction[data-v-2e51ad66]{position:relative;width:100%;margin:0;text-align:left}.frac[data-v-2ead2a01]{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;display:inline-block;vertical-align:middle}.frac .top[data-v-2ead2a01]{border-bottom:1px solid #000;display:inline-block;float:left}.frac .bottom[data-v-2ead2a01]{display:inline-block;clear:left;float:left}.frac .static .row[data-v-2ead2a01]{display:block!important;padding:0}.frac .static .row .column[data-v-2ead2a01]{width:auto!important;padding:0!important;margin-top:6px}.frac .static .row .column div[data-v-2ead2a01]{display:block;text-align:center}.frac .static .row .column span[data-v-2ead2a01]{display:inline-block}.frac .static .row .col1 span[data-v-2ead2a01]{margin-top:10px;margin-right:2px}.frac .static .row .col2 div[data-v-2ead2a01]:nth-child(2){border-top:thin solid #000}.frac .exercise .input[data-v-2ead2a01] :first-child{width:25px!important;padding:4px 0!important;text-align:center!important;background:transparent!important}.frac .exercise .dupa input[data-v-2ead2a01]{width:25px!important}.frac .exercise .row[data-v-2ead2a01]{display:block!important}.frac .exercise .row .column[data-v-2ead2a01]{width:auto!important;padding:0!important}.frac .exercise .row .column span[data-v-2ead2a01]{display:block}.frac .exercise .row .col1 span[data-v-2ead2a01]{margin-top:10px;margin-right:2px}.frac .exercise .row .col2[data-v-2ead2a01] :nth-child(2){border-top:thin solid #000}.instruction{width:calc(100% - 20px)!important;margin:10px!important}.container{width:90%!important;text-align:left}.container:not(:first-child){margin-top:10px}.container .segment{background-color:#f5f5f5!important;border:0!important;border-left:3px solid #d66a1d!important}.container .segment input{width:38px;padding:.65em .2em!important;text-align:center!important}.container .warn{border-left:3px solid #ff0303!important;background-color:#ffbf95!important}.container .correct input{border:1px solid green!important}.container .incorrect input{border:1px solid red!important}.container .disabled.input{opacity:.85!important}.ui.grid{margin:0!important}.tip{width:68%!important;position:absolute;top:345px;left:1rem}.tip .comment{text-align:left}.tip .comment img{height:40px}.tip .comment .avatar{cursor:pointer}.check-button{margin-top:0}#refresh-button{position:absolute;padding:8px;top:38px;right:15px}.red{background-color:#0f0!important}.tlen{background-color:#d62a38!important}.siarka{background-color:#fafe21!important}.jod{background-color:#370c37!important}.potas{background-color:#926ca7!important}.fluor{background-color:#f3dc74!important}.wodor{background-color:#fff!important}.wegiel{background-color:#2a2a2a!important}.azot{background-color:#5075bb!important}.sod{background-color:#afadae!important}.chlor{background-color:#047d0c!important}.fosfor{background-color:#dc7519!important}.elektron{background-color:#f8d0b7!important}