@import url(https://fonts.googleapis.com/css2?family=Alata&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--White:#fff;--Black:#000;--Dark-Gray:#8c8c8c;--Very-Dark-Gray:#696969;--Alata:"Alata",sans-serif;--jose:"Josefin Sans",sans-serif}*{margin:0;padding:0}body{background-color:#fff;background-color:var(--White)}.section__padding{padding:4rem 8rem}.slide-in-right{animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) 4ms both}.slide-in-left{animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) 4ms both}@keyframes slide-in-right{0%{opacity:0;transform:translateX(1000px)}to{opacity:1;transform:translateX(0)}}@media only screen and (max-width:550px){.section__padding{padding:2rem 3rem}}@media only screen and (max-width:768px){.section__padding{padding:2rem 3rem}}.hero{background-image:url(/static/media/image-hero.3de81110dee4f75f44f9.jpg);background-repeat:no-repeat;background-size:cover}.menu,.menus{display:flex;gap:2rem}.menu a,.menus a{color:var(--White);cursor:pointer;font-family:var(--Alata);position:relative;text-decoration:none}nav{align-items:center;display:flex;justify-content:space-between}.logo h1{color:var(--White);font-family:var(--jose)}.hero__container{border:2px solid var(--White);margin:5rem 0;padding:2rem;text-transform:uppercase;width:40%}.hero__container h5{color:var(--White);font-family:var(--Alata);font-size:40px;font-weight:400;letter-spacing:8px;line-height:4rem}.links:after{background:var(--White);content:" ";height:3px;left:0;position:absolute;top:1.5rem;transition:.5s;width:0}.links.active:hover:after{width:80%}.icon{display:none}@media only screen and (max-width:550px){.hero{background-image:url(/static/media/image-hero.9b5aacead42e955824d3.jpg);background-repeat:no-repeat;background-size:cover}.icon{display:block}.menu{display:none}.menus{background-color:var(--Black);flex-direction:column}.menus,nav{position:relative}.menus{background:var(--Black);height:100vh;left:0;padding:35px;position:fixed;top:0;transition:.5s;width:100%;z-index:10}.icon,.logo{z-index:20}.menu__links{display:flex;flex-direction:column;font-size:20px;gap:2rem;margin-top:5rem;text-transform:uppercase}.menu__links .links:after{top:90%}.menu__links .links.active:hover:after{width:25%}.hero__container{padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero__container h5{font-size:25px}}@media only screen and (min-width:600px) and (max-width:1200px){nav{gap:3rem}.menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero__container{width:60%}}.interact__content{position:relative}.interact__info{background-color:var(--White);color:var(--Black);left:45%;padding:4rem;position:absolute;top:35%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.interact__info h5{font-size:38px;letter-spacing:7px;text-transform:uppercase}.interact__info h5,.interact__info p{font-family:var(--Alata);font-weight:400}.interact__info p{color:var(--Dark-Gray);font-size:18px;padding-top:2rem}@media only screen and (max-width:550px){.interact__info{left:0;padding:1rem;position:relative;text-align:center;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.interact__content img{max-width:100%}.interact__info h5{font-size:22px}.interact__info p{font-size:14px}}@media only screen and (min-width:600px) and (max-width:1200px){.interact{margin-top:2rem}.interact__content img{max-width:100%}.interact__info h5{font-size:30px}.interact__info p{font-size:20px}.interact__info{left:0;padding:2rem;position:relative;text-align:center;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.creation__header{align-items:center;display:flex;justify-content:space-between}.creation__header h5{font-family:var(--Alata);font-size:38px;font-weight:400;letter-spacing:7px}.creation button{background-color:var(--White);border:2px solid var(--Black);color:var(--Black);cursor:pointer;font-family:var(--Alata);font-size:18px;padding:1rem 3rem}.creation button:hover{background-color:var(--Black);color:var(--White)}.btn1{display:none}.creation__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:4rem}.creation__grid__items{cursor:pointer;position:relative}.creation__grid__items h5{color:var(--White);font-family:var(--Alata);font-size:20px;font-weight:400;left:5%;position:absolute;top:80%;width:45%}.creation__grid__items h5:hover{color:var(--Black)}.mobImg{display:none}.creation__grid__items img{height:100%;width:100%}.creation__grid__items:before{background:var(--Dark-Gray);content:" ";height:0;opacity:.65;position:absolute;top:0;transition:.5s;width:100%}.creation__grid__items:hover:before{height:100%}@media only screen and (max-width:550px){.creation__content{grid-template-columns:repeat(1,1fr)}.creation__header{flex-direction:column}.creation__header h5{font-size:22px}.mobImg{display:block;max-width:100%}.act{display:none}.creation__grid__items h5{font-size:18px;top:30%}.btn1{display:block;margin:2rem auto}.creation button{font-size:16px}.btn{display:none}}@media only screen and (min-width:600px) and (max-width:1200px){.creation__content{grid-template-columns:repeat(2,1fr)}}.card__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.card__grid__items{position:relative}.card__grid__items h5{color:var(--White);font-family:var(--Alata);font-size:25px;font-weight:400;position:absolute;top:90%}.footer{align-items:center;background-color:var(--Black)}.footer,.footer__left,.footer__right{display:flex;justify-content:space-between}.footer__left,.footer__right{flex-direction:column;gap:2rem}.footer__left{color:var(--Very-Dark-Gray)}.footer__left .icons{display:flex;gap:1rem;justify-content:end}@media only screen and (max-width:550px){.footer{flex-direction:column;gap:3rem}.footer__right .menu{display:flex;flex-direction:column;text-align:center}.footer__right .menu a{font-size:14px}.footer .links.active:hover:after{width:25%}.footer .links:after{left:40%}.footer__left .icons{justify-content:center}.footer__left{font-size:14px}}@media only screen and (min-width:600px) and (max-width:1200px){.footer{gap:2rem}.footer__right .menu{gap:10px}}
/*# sourceMappingURL=main.9161215f.css.map*/