body{background-color:hsl(0,5%,var(--white-lightness))}.spinner{bottom:0;height:50px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:100px}.spinner .ball{-webkit-animation:motion 3s ease-in-out infinite;animation:motion 3s ease-in-out infinite;background-color:hsl(var(--primary-hue),89%,41%);border-radius:50%;display:inline-block;height:20px;width:20px}.spinner p{color:hsl(var(--primary-hue),89%,41%);font-family:sans-serif;font-size:10px;letter-spacing:3px;margin-top:5px}@-webkit-keyframes motion{0%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}25%{-webkit-transform:translateX(-50px) scale(.3);transform:translateX(-50px) scale(.3)}50%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}75%{-webkit-transform:translateX(50px) scale(.3);transform:translateX(50px) scale(.3)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes motion{0%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}25%{-webkit-transform:translateX(-50px) scale(.3);transform:translateX(-50px) scale(.3)}50%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}75%{-webkit-transform:translateX(50px) scale(.3);transform:translateX(50px) scale(.3)}to{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}.top_container{overflow:hidden}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--primary-hue:270;--black-lightness:15%;--dark-lightness:44%;--light-lightness:94%;--white-lightness:100%;--color-primary:hsl(var(--primary-hue),89%,41%);--color-white:hsl(0,5%,var(--white-lightness));--color-light:hsl(var(--primary-hue),5%,var(--light-lightness));--color-black:hsl(var(--primary-hue),5%,var(--black-lightness));--color-dark:hsl(var(--primary-hue),5%,var(--dark-lightness));--background-color:#161616;--text-color:#fff;--container-width-lg:76%;--container-width-md:90%;--border-radius-1:1.2rem;--border-radius-2:0.8rem;--border-radius-3:0.5rem;--transition:all 500ms ease}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.6}.container{margin-inline:auto;max-width:1920px;width:76%;width:var(--container-width-lg)}section{background:#f0eff0;background:var(--color-light);padding:10rem 0;transition:all .5s ease;transition:var(--transition)}section:nth-child(2n){background:#fff;background:var(--color-white)}section>h2,section>p{text-align:center}section>p{margin:.5rem auto 4rem;width:40%}a{color:#fff;color:var(--color-white);transition:all .5s ease;transition:var(--transition)}h1,h2,h3,h4,h5,h6{color:#262428;color:var(--color-black);line-height:1.1}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.1rem}h5{font-size:.95rem}h6{font-size:.8rem}img{display:block;object-fit:cover;width:100%}.btn{align-items:center;background:#f0eff0;background:var(--color-light);border:2px solid transparent;border-radius:.8rem;border-radius:var(--border-radius-2);color:#262428;color:var(--color-black);cursor:pointer;display:inline-block;display:flex;gap:1rem;padding:.6rem 2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (hover:hover){.btn:hover{background-color:initial;border-color:#f0eff0;border-color:var(--color-light);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}}.btn.white{background:#fff;background:var(--color-white)}@media (hover:hover){.btn.white:hover{background:transparent;border-color:#fff;border-color:var(--color-white)}}.btn.primary{background:#690cc6;background:var(--color-primary);color:#fff}@media (hover:hover){.btn.primary:hover{background:transparent;border-color:#690cc6;border-color:var(--color-primary);color:#690cc6;color:var(--color-primary)}}.btn.sm{padding:.5rem 1.2rem}@media screen and (max-width:1024px){body{font-size:1rem}.container{width:90%;width:var(--container-width-md)}section{padding:8rem 0}section>p{margin-bottom:3rem;width:72%}h1{font-size:2rem}}@media screen and (max-width:600px){h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1rem}.btn{padding:.6rem 1.5rem}section>p{width:90%;width:var(--container-width-md)}}.dark__theme{background-color:var(--background-color)!important;box-shadow:none}.dark__theme .light:hover,.dark__theme h2,.dark__theme h3,.dark__theme p{color:var(--text-color)!important}
/*# sourceMappingURL=main.3b4a8dc1.css.map*/