:root{--color-primary:#ff5252;--color-secondary:#faedca;--color-blue:#aff4f7;--color-purple:#655b9c;--color-pink:#f5b8b8;--color-gray-main:#616161;--color-gray-light:#a0a0a0;--color-white:#fffffa;--color-black1:#24232b;--color-black2:#282c34}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{margin:0;font-family:Space Mono,Lucida Console,Monaco,monospace;font-size:calc(1em + .08vw);font-weight:400;line-height:1.5;color:#616161;color:var(--color-gray-main);background-color:#fffffa;background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{position:relative;min-height:100vh;background:#24232b;background:var(--color-black1);color:#a0a0a0;color:var(--color-gray-light)}section{padding:80px 40px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Roboto Mono,Consolas,Monaco,monospace;line-height:1.1;color:#655b9c;color:var(--color-purple)}.h1,h1{font-size:calc(2.5em + 1vw);margin-bottom:32px}.h1,.h2,h1,h2{font-weight:400}.h2,h2{font-size:calc(1.8em + .8vw);margin-bottom:26px}.h3,h3{font-size:calc(1.5em + .3vw);font-weight:500;margin-bottom:18px}.h4,h4{font-size:calc(1.25em + .1vw)}.h4,.h5,h4,h5{font-weight:700;margin-bottom:16px}.h5,h5{font-size:calc(1em + .1vw)}.h6,h6{font-size:calc(.8em + .1vw);font-weight:700}.h6,h6,p{margin-bottom:16px}p{margin-top:16px}a{text-decoration:none;color:inherit}a.fancy-link:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;background-size:15%;border-bottom:0;padding-bottom:.3em;text-decoration:none}.container{max-width:960px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.section-link{bottom:50px;width:50px;height:50px;background-color:rgba(245,184,184,.21);border-radius:50%;cursor:pointer;overflow:hidden}.section-link,.section-link-icon{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section-link-icon{top:-10px;color:var(--color-pink);font-size:32px;-webkit-animation:drop-down 4s ease-in infinite;animation:drop-down 4s ease-in infinite}@-webkit-keyframes drop-down{0%{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}33.3%{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}66.6%{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}to{opacity:0;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%)}}@keyframes drop-down{0%{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}33.3%{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}66.6%{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}to{opacity:0;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%)}}.hero{position:absolute;top:0;left:0;height:100%;width:100%;padding:22px;display:flex;justify-content:center;align-items:center;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(36,35,43,.86)),to(rgba(245,184,184,.87))),url(/static/media/hero-bg.be62c421.jpg);background-image:linear-gradient(0deg,rgba(36,35,43,.86),rgba(245,184,184,.87)),url(/static/media/hero-bg.be62c421.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden}.hero .heading{color:var(--color-white);max-width:580px;text-align:center}.image-card{height:350px;max-height:350px;width:100%;max-width:400px;margin-top:22px;margin-bottom:22px;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));border:3px solid var(--color-pink);display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.image-card .image{width:300px;height:300px}.image-card .image img{width:100%;height:100%}.search-box{max-width:400px}.search-box,.search-box-control{height:50px;display:flex;justify-content:center;align-items:center}.search-box-control{position:relative;width:100%;background-color:var(--color-pink);border:3px solid var(--color-primary)}.search-input{width:100%;height:100%;padding:16px;color:var(--color-gray-main);background:transparent;border-radius:0;border:none;font-size:16px;letter-spacing:-1px;font-weight:500;font-family:Roboto Mono,Consolas,Monaco,monospace}.search-input::-webkit-input-placeholder{color:var(--color-gray-light);font-weight:400;letter-spacing:-1px}.search-input:-ms-input-placeholder{color:var(--color-gray-light);font-weight:400;letter-spacing:-1px}.search-input::-ms-input-placeholder{color:var(--color-gray-light);font-weight:400;letter-spacing:-1px}.search-input::placeholder{color:var(--color-gray-light);font-weight:400;letter-spacing:-1px}.search-input:focus,.search-submit-btn:focus{outline:none}.search-submit-btn{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:50px;color:var(--color-white);background-color:var(--color-primary);border:0;overflow:hidden;cursor:pointer}.search-submit-icon{font-size:22px}.search-box.loading .search-submit-btn>.search-submit-icon{-webkit-animation:arrow-jump-forward 1s ease-in-out infinite;animation:arrow-jump-forward 1s ease-in-out infinite}@-webkit-keyframes arrow-jump-forward{0%{opacity:0;-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{opacity:1;-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes arrow-jump-forward{0%{opacity:0;-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{opacity:1;-webkit-transform:translateX(5px);transform:translateX(5px)}}.section-demo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.section-demo .content{max-width:380px}.section-demo .title{text-align:center;letter-spacing:-2px;color:var(--color-pink);margin-bottom:22px}.logo{display:flex;justify-content:center;align-items:center;color:var(--color-white);margin:8px}.logo .logo-text{margin-bottom:0;margin-left:8px;font-weight:700;font-size:28px;color:inherit;letter-spacing:-3px;text-transform:lowercase}.logo .logo-icon{margin-bottom:3px;font-size:28px}.logo.animate .logo-icon{-webkit-animation:spin 8s cubic-bezier(.68,-.55,.27,1.55) infinite alternate;animation:spin 8s cubic-bezier(.68,-.55,.27,1.55) infinite alternate}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{position:relative;height:100vh}header nav{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:60px;width:100%;margin:32px 0;z-index:1}header nav .logo{color:var(--color-secondary)}footer{position:absolute;bottom:-20px;left:0;width:100%;padding-top:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-black2);border-top:2px solid var(--color-black2);z-index:1;overflow:hidden}footer .footer-text{text-align:center}footer .footer-text a:hover{color:var(--color-gray-light)}.github-button{margin:16px 0}.github-button>span:nth-child(2){margin-left:4px;margin-right:4px}
/*# sourceMappingURL=main.174331c6.chunk.css.map */