@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Poppins:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700&family=Roboto+Slab:wght@700&family=Roboto:wght@500;700&display=swap);body{background-color:#333;font-family:Poppins,sans-serif;margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-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)}}.video-background{height:100vh;overflow-y:hidden;width:100%}.video-background video{height:100%;object-fit:cover;width:100%}.video-background .content{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;position:absolute;text-align:center;top:7rem;width:100%}.video-background .content h1{margin:0}.video-background .content p{margin:2rem;width:60%}@media screen and (max-width:641px){.video-background .content{text-align:center;top:10rem}.video-background .content h1{font-size:2.6rem}.video-background .content p{margin:2rem;width:93%}}.video-background .content .button1{border:.1em solid #fff;border-radius:.12em;box-sizing:border-box;color:#fff;display:inline-block;margin:0 .3em .3em 0;padding:.35em 1.2em;text-align:center;text-decoration:none;transition:all .2s}.video-background .content .button1:hover{background-color:#fff;color:#000}@media (max-width:30em){.video-background .content .button1{display:block;margin:.4em auto}}@media screen and (max-width:376px){.video-background .content{top:7rem}}.back-container{display:flex;justify-content:flex-end;margin-right:1rem;margin-top:1rem}.back-container .home-link{margin-left:1rem}.back-container .home-link,.back-container button{border:.1em solid #fff;border-radius:.12em;box-sizing:border-box;color:#fff;display:inline-block;padding:.35em 1.2em;text-align:center;text-decoration:none;transition:all .2s}.back-container .home-link:hover,.back-container button:hover{background-color:#fff;color:#000}@media (max-width:30em){.back-container .home-link,.back-container button{display:block;margin:.4em auto}}.back-container button{background-color:transparent}.page-heading{color:#fff;font-size:3rem;text-align:center}.input-boxes{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.5rem}.input-boxes label{color:#fff;font-size:1.5rem}.input-boxes input{background-color:transparent;border:3px solid #fff;color:#fff;height:2rem;outline:none;text-indent:1rem;width:18rem}.input-image-container{align-items:center;display:flex;flex-direction:column;text-align:center}.input-image-container .input-image{color:#fff;height:auto;margin-top:2rem;max-width:100%;object-fit:cover;width:40%}.input-image-container .button-container{margin-top:10px}.input-image-container button{background-color:transparent;border:.1em solid #fff;border-radius:.12em;box-sizing:border-box;color:#fff;display:inline-block;font-size:1.03rem;height:2.5rem;margin:0 .3em .3em 0;padding:.35em 1.2em;text-align:center;text-decoration:none;transition:all .2s;width:9rem}.input-image-container button:hover{background-color:#fff;color:#000}@media (max-width:30em){.input-image-container button{display:block;margin:.4em auto}}.display-container{display:flex}.concepts-container{align-items:center;color:#fff;display:flex;flex-direction:column}.concepts-container .concepts-heading{font-size:2rem}.concepts-container .concepts-subheading{color:#d3d3d3;font-style:italic}.concepts-container .concepts{list-style:none}.concepts-container .concepts li{margin-bottom:.5rem}.concepts-container .concepts .concept-name{font-weight:bolder}.failure-case{color:#fff;font-size:1.5rem;text-align:center}.arrow-icon{color:#fff;cursor:pointer;font-size:2rem;font-weight:bolder;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.arrow-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.scroll-to-target{scroll-behavior:smooth}@media screen and (max-width:641px){.back-container{margin-left:4.2rem;margin-right:0}.back-container .home-link,.back-container button{height:2.28rem;margin:0}.back-container .home-link{margin-right:.9rem}.back-container button{margin-right:.5rem}.page-heading{font-size:2.5rem;margin-top:3rem}.input-boxes{gap:1rem}.input-boxes label{font-size:1.2rem}.input-boxes input{height:1.5rem;outline:none;text-indent:1rem;width:10rem}.input-image-container .button-container button{display:inline-block;font-size:1rem;height:2.3rem;margin:0 .3em .3em 0;padding:.35em 1.2em;width:9rem}.concepts-container{margin-left:1rem;margin-right:1rem}}@media screen and (max-width:321px){.page-heading{font-size:2rem;margin-top:3rem}.input-boxes{gap:.7rem}.input-boxes label{font-size:1rem}.input-boxes input{height:1.5rem;outline:none;text-indent:1rem;width:10rem}.input-image-container .button-container button{display:inline-block;font-size:1rem;height:2.3rem;margin:0 .3em .3em 0;padding:.35em 1.2em;width:8.7rem}}.modal-container .modal-button button{margin-top:1rem}@media(max-width:641px){.modal-container{width:350px}}
/*# sourceMappingURL=main.962828c1.css.map*/