@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Fira+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=Quicksand&display=swap);section .red{color:#f44336}section .pink{color:#e91e63}section .purple{color:#9c27b0}section .deep-purple{color:#673ab7}section .indigo{color:#3f51b5}section .blue{color:#2196f3}section .light-blue{color:#03a9f4}section .cyan{color:#00bcd4}section .teal{color:#009688}section .green{color:#4caf50}section .light-green{color:#8bc34a}section .lime{color:#cddc39}section .yellow{color:#ffeb3b}section .amber{color:#ffc107}section .orange{color:#ff9800}section .deep-orange{color:#ff5722}section .brown{color:#795548}section .grey{color:#9e9e9e}section .blue-grey{color:#607d8b}section .white{color:#fafafa}section .black{color:#212121}section .less{color:#1e416f}section .sass{color:#cd679a}section .stylus{color:#333}.reveal{font-family:Open Sans,sans-serif}code{font-family:Fira Mono,monospace}.table{background-color:#fafafa}table{width:100%}td,th{font-weight:unset;padding-right:10px}.column1{padding-left:40px}.column1,.column2,.column3,.column4,.column5{width:20%}.beautify-table-head th{font-family:Open Sans,sans-serif;font-weight:700;padding-top:18px;padding-bottom:18px}.beautify-table-body td{font-family:Open Sans,sans-serif;font-weight:400;padding-top:16px;padding-bottom:16px}.beautify-table{position:relative;padding-top:60px}.beautify-table-head{position:absolute;width:100%;top:0;left:0}.beautify-table-body{max-height:585px;overflow:auto}body{background:#fafafa}.reveal h1,.reveal h1 span,.reveal h2,.reveal h2 span,.reveal h3,.reveal h3 span,.reveal h4,.reveal h4 span,.reveal h5,.reveal h5 span,.reveal h6,.reveal h6 span{font-family:Quicksand,sans-serif;text-transform:inherit;color:#3e8da3}.reveal .dark h1,.reveal .dark h1 span,.reveal .dark h2,.reveal .dark h2 span,.reveal .dark h3,.reveal .dark h3 span,.reveal .dark h4,.reveal .dark h4 span,.reveal .dark h5,.reveal .dark h5 span,.reveal .dark h6,.reveal .dark h6 span{color:#61dafb!important}.reveal code.hljs{box-shadow:0 15px 25px rgba(0,0,0,.2);border-radius:15px}.reveal .progress{background:rgba(0,0,0,.2);color:#61dafb}.reveal .pause-overlay{background:#212121}.reveal table td,.reveal table th{border-bottom:0}.reveal section img{padding:0 2rem;border:0;box-shadow:none;height:240px;background:none}.reveal pre code{-moz-tab-size:2;tab-size:2;font-size:120%;max-height:100%}.reveal .left{width:50%;float:left}.reveal .right{width:50%;float:right}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}section#opening img{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;background:hsla(0,0%,100%,0)}section#javascript img{padding:0;box-shadow:0 0 10px rgba(0,0,0,.15)}section#environment img{height:220px}section#node img{height:160px}section#dev-env img,section#editors img{height:200px}section#linter .clearfix{margin-left:-1rem}section#design .clearfix{height:180px;margin-bottom:30px}section#transpiler img{padding:0;height:260px}section#dev-way h2{position:absolute;right:0}section#dev-way h2.beginner{top:580px}section#dev-way h2.proficient{top:430px}section#dev-way h2.expert{top:280px}section#dev-way .clearfix{margin-top:25rem}section#topic-title img{background:hsla(0,0%,100%,0)}section#mounting ul{list-style-type:none}section#render-hooks img,section#state-hooks img{height:580px}section#props-hooks img{height:720px}section#pure ol{min-width:60%}section#warning img{height:580px}section#warning .warning{position:absolute;top:0;width:100%}section#warning .warning .left{text-align:right;width:700px}section#warning .warning .left .add{margin-top:210px}section#warning .warning .left .retrieve{margin-top:365px}section#warning .warning .right{text-align:left;width:700px}section#warning .warning .right .update{margin-top:210px}section#warning .warning .right .pure{margin-top:225px}section#warning .warning .right .fail{margin-top:85px}section#basic .files{list-style-type:circle}section#complex .medium{font-size:35px}section#complex .small{font-size:30px}section#complex .directory{list-style-type:disc}section#complex .files{list-style-type:circle}section#router img{height:200px}section#nav ol{min-width:60%}section#concept img{height:200px}section#concept .clearfix{list-style-type:none}section#without img{height:530px}section#with img{height:560px;margin-right:80px}section#redux img{height:200px}section#virtual-dom img{height:720px}.circle{position:absolute;line-height:5em!important;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align:center;color:#fafafa;font-size:40px;margin:0 auto 40px}.circle.beginner{top:500px;top:520px;left:calc(50% - 100px);width:200px;height:200px;background-color:rgba(244,67,54,.5);border:2px solid rgba(244,67,54,.7);z-index:100}.circle.proficient{top:370px;left:calc(50% - 250px);width:500px;height:500px;background-color:rgba(255,152,0,.5);border:2px solid rgba(255,152,0,.7);z-index:80}.circle.expert{left:calc(50% - 400px);width:800px;height:800px;background-color:rgba(76,175,80,.5);border:2px solid rgba(76,175,80,.7);z-index:60}.beautify-table.custom{padding-top:75px;border-radius:10px;overflow:hidden;box-shadow:0 0 40px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.15);-o-box-shadow:0 0 40px 0 rgba(0,0,0,.15);-ms-box-shadow:0 0 40px 0 rgba(0,0,0,.15)}.beautify-table.custom .column1{width:20%}.beautify-table.custom .column2{width:40%}.beautify-table.custom .column2.fill{width:80%}.beautify-table.custom .column3{width:40%}.beautify-table.custom th{font-size:28px;color:#fafafa;line-height:2.4;background-color:#282c34}.beautify-table.custom td{font-size:25px;color:#212121;line-height:2.4}.beautify-table.custom .beautify-table-body{background-color:#fafafa}.beautify-table.custom .beautify-table-body .alt{background-color:#eee}
/*# sourceMappingURL=main.ac4ada3a.chunk.css.map */