@import url(https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}b{font-weight:bolder}sup{font-size:75%;line-height:0;position:relative;vertical-align:initial;top:-0.5em}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}[type=button],[type=reset],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[hidden],template{display:none}h1,h2,p,pre{margin:0}button{background-color:initial;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ol,ul{list-style:none;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border-width:0;border-color:#e2e8f0}*,:after,:before,img{border-style:solid}button{cursor:pointer}h1,h2{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,button{color:inherit}button{padding:0;line-height:inherit}pre{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}iframe,img,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.bg-indigo-100{--bg-opacity:1;background-color:#ebf4ff;background-color:rgba(235,244,255,var(--bg-opacity))}.border-gray-800{--border-opacity:1;border-color:#2d3748;border-color:rgba(45,55,72,var(--border-opacity))}.rounded-sm{border-radius:0.125rem}.rounded-md{border-radius:0.375rem}.rounded-full{border-radius:9999px}.border-t{border-top-width:1px}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.font-medium{font-weight:500}.h-10{height:2.5rem}.h-16{height:4rem}.text-xs{font-size:0.75rem}.text-sm{font-size:0.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.leading-tight{line-height:1.25}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mr-2{margin-right:0.5rem}.mb-2{margin-bottom:0.5rem}.mt-3{margin-top:0.75rem}.mb-3{margin-bottom:0.75rem}.ml-3{margin-left:0.75rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.-mt-4{margin-top:-1rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-2{padding-top:0.5rem}.pb-4{padding-bottom:1rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pb-16{padding-bottom:4rem}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.shadow-xs{box-shadow:0 0 0 1px rgba(0,0,0,0.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.text-indigo-600{--text-opacity:1;color:#5a67d8;color:rgba(90,103,216,var(--text-opacity))}.text-indigo-800{--text-opacity:1;color:#434190;color:rgba(67,65,144,var(--text-opacity))}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:0.025em}.visible{visibility:visible}.w-6{width:1.5rem}.w-16{width:4rem}.w-full{width:100%}.z-50{z-index:50}.origin-top-left{transform-origin:top left}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}html{font-family:Quicksand,sans-serif;font-weight:400;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}body,html{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}h2{font-size:1.5rem}a{color:#434190;color:rgba(67,65,144,var(--text-opacity));text-decoration:none}a,a:hover{--text-opacity:1}a:hover{color:#3c366b;color:rgba(60,54,107,var(--text-opacity))}.bg-g-green{background-image:linear-gradient(to right top,#00bc91,#5deaaf)}.link-login{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));cursor:pointer}.link-login:hover{--text-opacity:1;color:#276749;color:rgba(39,103,73,var(--text-opacity))}.link{--text-opacity:1;color:#ed8936;color:rgba(237,137,54,var(--text-opacity));font-weight:500}.link:hover{--text-opacity:1;color:#dd6b20;color:rgba(221,107,32,var(--text-opacity))}.link-footer{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity));cursor:pointer;text-decoration:none}.link-footer:hover{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.flex-2{flex:2}.flex-3{flex:3}.tutorial p{margin-top:1.5rem;margin-bottom:1rem;line-height:1.375}.tutorial ul{margin-top:-0.5rem}.tutorial li{margin-left:1rem;margin-bottom:0.5rem}.tutorial b{font-weight:600}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-center{justify-content:center}.sm\:text-base{font-size:1rem}.sm\:ml-0{margin-left:0}.sm\:mt-3{margin-top:0.75rem}.sm\:mr-6{margin-right:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:w-1\/2{width:50%}}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:ml-16{margin-left:4rem}.md\:p-10{padding:2.5rem}.md\:px-0{padding-left:0;padding-right:0}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-11\/12{width:91.666667%}}@media (min-width:1024px){.lg\:px-40{padding-left:10rem;padding-right:10rem}}@media (min-width:1280px){.xl\:px-64{padding-left:16rem;padding-right:16rem}.xl\:w-1\/4{width:25%}}