:root{background-color:#181818}#root{text-align:center}html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,tr,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.row{margin-top:0;padding-left:5vw;padding-right:5vw}.headingMarker{background:none;color:#576ce8}.title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;font-size:5vw;margin:0;padding:1.5vw;margin-bottom:1vw;margin-top:5vh;border:0}.tryNowButton{border-radius:2vh;border:.5vh solid transparent;font-size:2.75vh;font-weight:500;padding:1.2vh 2vh;font-family:inherit;background-color:#576ce8;margin-top:1.5vh;cursor:pointer;transition:border-color .25s;color:#fff;font-weight:650;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.tryNowButton:hover{border-color:#fff}.navbar{position:fixed;top:0;height:10vh;background-color:#141414;margin-bottom:1vh;border-bottom:.15vh solid rgb(56,56,56);width:100%;z-index:9}.leftAlign{text-align:left;padding:2.25vh;width:fit-content;float:left}.rightAlign,.rightAlignNotLoggedIn,.rightAlignLoggedIn{text-align:right;width:fit-content;float:right;display:flex}.navBarButton{border-radius:2vh;border:.5vh solid transparent;font-size:2.75vh;font-weight:500;padding:1.2vh 2vh;font-family:inherit;background-color:#576ce8;margin-top:1.5vh;cursor:pointer;transition:border-color .25s;color:#fff;font-weight:650;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navBarButton:hover{border-color:#fff}.navBarText{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3.25vh;color:#fff;margin-top:2vh;padding:1.2vh;margin-right:.5vh;border-left:.15vh solid rgb(56,56,56)}.navBarText:hover{color:#576ce8}.content{margin-top:11.5vh}h4{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:5vh;font-weight:700}h1{padding-top:.5vw}.registerButton{padding-left:0;margin-right:5vw;cursor:pointer}.otherActions{flex-direction:row;justify-content:space-between;margin-top:3vh}.forgotPassword{margin-left:6vw;padding-left:0vw;cursor:pointer}button{border-radius:1vw;border:.25vw solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s;color:#000;margin:.5vw}button:hover{border-color:#646cff}.hc1{width:50%;float:left}.hc2{width:50%;float:right}.row:after{content:"";display:table;clear:both}.row{padding-left:5vw;padding-right:5vw;padding-top:1.5vh}h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;font-size:3.5vw;margin:0;padding:1.5vw;padding-top:0;padding-bottom:1.5vw;margin-bottom:2vh;margin-top:0;border:0}h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;font-size:2vw;margin:0;padding:1vw;margin-bottom:1vh;border:0;font-style:oblique}h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;font-size:1.75vw;margin:0;padding:1.5vw;padding-top:0;margin-bottom:1vw;border:0}img{width:7.5vw}.navigationButtons{margin-top:5vh}.toggle-switch{display:inline-block;position:relative;width:50px;height:25px;border-radius:15px;background-color:#ccc;cursor:pointer}.moveTable{background-color:#272727;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;align-self:center;margin-left:15%;color:#fff;font-weight:700;max-height:60vh;width:85%;max-width:30vw;overflow-y:scroll;display:block}::-webkit-scrollbar{background-color:#272727}th{background-color:#232323;border-bottom:.15vh solid rgb(56,56,56);width:30vw}tbody,thead{width:100%}td{width:50%;padding:2vh;text-align:left}label{color:#fff;padding-bottom:1.5vh;font-size:3vh;padding-left:36vw;align-self:flex-start;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}form{display:flex;flex-direction:column;align-items:center;padding-top:1vh}input{width:27.5vw;margin-bottom:4vh;height:5vh;background-color:#181818;color:#fff;border:0px;border-bottom:1px solid rgb(56,56,56)}input:focus{outline:#181818}h1{font-size:7.5vh;padding-bottom:1.75vh}.fName,.lName{width:12.5vw}.fNameLabel,.lNameLabel{padding-left:0}.fNameSection{display:flex;flex-direction:column;padding-right:1vw}.lNameSection{display:flex;flex-direction:column;padding-left:1vw}.nameSection{display:flex;flex-direction:row}.errorBox{width:27.5vw;margin-left:36.25vw;height:4.5vw;text-align:center;background-color:#ff1919c0;border-radius:2vh;margin-bottom:1vw;display:none;margin-top:.25vw}.errorMessage{padding-top:1.25vw;font-size:1.5vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff}.submitButton{border-radius:2vh;border:.5vh solid transparent;font-size:2.75vh;font-weight:500;padding:1.2vh 2vh;font-family:inherit;background-color:#576ce8;cursor:pointer;transition:border-color .25s;color:#fff;font-weight:650;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.submitButton:disabled{background-color:#97a7ff}.submitButton:disabled:hover{border-color:#97a7ff}.submitButton:hover{border-color:#fff}.navBarText:hover{color:#fff}.navBarText{font-style:italic}.learnBox{width:29.7vw;height:50vh;margin-left:10vw;margin-right:9vw;margin-bottom:1vw;float:left;background-color:#141414;color:#fff;border:.15vw solid rgb(56,56,56);border-radius:1vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.learnBox:hover{border:.25vw solid #576CE8}.trainBox{width:29.7vw;height:50vh;margin-left:10vw;margin-right:10vw;margin-bottom:1vw;float:right;background-color:#141414;color:#fff;border:.15vw solid rgb(56,56,56);border-radius:1vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.trainBox:hover{border:.25vw solid #576CE8}.dbOptions{margin-top:3vh;flex-direction:column}.dbOptions:after{content:"";display:table;clear:both}img{width:10vw}.learnImg{margin-top:3.5vw}.trainImg{margin-top:4vw;margin-bottom:.25vw}h1{font-size:3vw;padding-bottom:0}.openingBlock{width:19.7vw;height:37.5vh;margin-left:4vw;margin-right:0vw;float:left;margin-top:2vh;background-color:#141414;color:#fff;border:.15vw solid rgb(56,56,56);border-radius:1vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.openingBlock:hover{border:.25vw solid #576CE8;width:19.5vw;height:37vh;float:inline-start;margin-top:1.75vh}.gridrow{padding-left:0;padding-right:0;margin-bottom:1vh}.gridrow:after{content:"";clear:both;display:table}img{margin-top:1.75vh;width:12.5vw}h2{padding-top:1vh}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;border:1px solid white;border-radius:10px;z-index:10;background-color:#000;width:600px;max-height:90%;max-width:80%;overflow-y:scroll}::-webkit-scrollbar{width:5px;border:0;background-color:#000}::-webkit-scrollbar-thumb{background:white;border-radius:10px}.modal.active{transform:translate(-50%,-50%) scale(1)}.modal-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid white}.modal-header .title{font-size:2vw;font-weight:700;color:#fff;padding-top:0;padding-bottom:0;margin:0}.modal-header .close-button{cursor:pointer;border:none;outline:none;background:none;font-size:2.25em;font-weight:700;padding:0;color:#fff}.modal-body{padding:10px 15px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;line-height:20px}#overlay{position:fixed;opacity:0;transition:.2s ease-in-out;top:0;left:0;right:0;bottom:0;background-color:#181818cc;pointer-events:none}#overlay.active{pointer-events:all;opacity:1}.learnButton{border-radius:2vh;border:.5vh solid transparent;font-size:2.75vh;font-weight:500;font-family:inherit;background-color:#576ce8;cursor:pointer;transition:border-color .25s;color:#fff;font-weight:650;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.learnButton:hover{border-color:#fff}table{background-color:#272727;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;align-self:center;width:75%;margin-left:5vw;color:#fff;font-weight:700}.openingComplete{border:.5vh solid rgb(32,227,28)}.variationRow:hover{background-color:#363636}.variationRow{cursor:pointer}th{background-color:#232323;border-bottom:.15vh solid rgb(56,56,56)}td{width:45%;padding:2vh;text-align:left}.indexNumber{width:10%;background-color:#1e1e1e;border-right:.15vh solid rgb(56,56,56);text-align:center}.wrong{color:#f32a2a}.correct{color:#20e31c}.learn_hc1{width:30%}.learn_hc2{width:fit-content}.learn_hc3{width:30%}.learn_row:after{content:"";display:table;clear:both}.learn_row{padding:0;padding-top:1.5vh;display:flex;width:100%}.toggle-switch{display:inline-block;position:relative;width:50px;height:25px;border-radius:15px;background-color:#ccc;cursor:pointer;margin-left:15%}.toggle-switch-handle{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0006;transition:left .3s}.toggle-switch-handle.white{left:2px}.toggle-switch-handle.black{left:27px}.toggle-switch:hover{background-color:#bbb}
