@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500&family=Nunito:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#172a33;font-family:Barlow,sans-serif;font-family:Nunito,sans-serif;margin:0;scroll-behavior:smooth}code{font-family:Barlow,sans-serif}.container{--circleDiameter:400px;--planets:calc(var(--circleDiameter)/3);display:grid;height:calc(var(--circleDiameter)*1.6);overflow:hidden;place-items:center}@media screen and (max-width:600px){.container{--circleDiameter:15em;--planets:calc(var(--circleDiameter)/2.8);height:calc(var(--circleDiameter)*1.75)}}@media screen and (max-width:325px){.container{--circleDiameter:13em;--planets:calc(var(--circleDiameter)/2.5)}}.hero-circle{height:var(--circleDiameter);position:relative;width:var(--circleDiameter)}@media screen and (max-width:426px){.hero-circle{height:var(--circleDiameter);width:var(--circleDiameter)}}.inner-img{border-radius:10px;height:100px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px}.hero-rotate{-webkit-animation:rotate 40s linear infinite;animation:rotate 40s linear infinite;border:7px solid #fff;border-radius:100%;height:100%;left:0;position:relative;top:0;width:100%}.content{align-items:center;display:flex;font-family:Barlow;font-size:.4em;font-weight:600;height:100%;justify-content:center;padding:10px;text-transform:uppercase}.planet{-webkit-animation:maintain 40s linear infinite;animation:maintain 40s linear infinite;aspect-ratio:1;background-color:#ba9451;border:1px solid #fff;border-radius:100%;position:absolute;width:var(--planets)}.center-planet{font-family:Barlow;left:0;position:relative;text-transform:uppercase;top:55%}.planet:first-child{left:calc(var(--circleDiameter)/2 - var(--planets)/2 - 5px);top:calc(var(--planets)*-1/2)}.planet:nth-child(2){right:calc(var(--planets)*-1/2)}.planet:nth-child(2),.planet:nth-child(3){top:calc(var(--circleDiameter)/2 - var(--planets)/2 - 5px)}.planet:nth-child(3){left:calc(var(--planets)*-1/2)}.planet:nth-child(4){bottom:calc(var(--planets)*-1/2);left:calc(var(--circleDiameter)/2 - var(--planets)/2 - 5px)}.planet>img{-webkit-animation:scale 1s linear infinite alternate;animation:scale 1s linear infinite alternate;border:5px solid #fff;border-radius:50%;box-shadow:0 0 5px 0 rgba(0,0,0,.3);height:100%;object-fit:cover;width:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes maintain{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes maintain{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes scale{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.card-introduction{border-radius:20px;box-shadow:0 10px 30px 5px rgba(0,0,0,.1);color:#d3d3d3;cursor:pointer;height:350px;line-break:auto;overflow:hidden;position:relative;width:-webkit-fill-available}@media screen and (max-width:1600px){.card-introduction{height:300px}}@media screen and (max-width:1000px){.card-introduction{width:50vw}}@media screen and (max-width:600px){.card-introduction{width:70vw}}@media screen and (max-width:400px){.card-introduction{width:80vw}}.card-introduction .img{inset:auto auto 100% 0;margin:0;object-fit:cover;opacity:1;transition:inset .6s ease-in-out;transition:opacity .3s ease-in .1s}.card-introduction .title{inset:auto auto 100% 0;bottom:3.5em;color:#162b33;font-family:Barlow;font-size:xx-large;font-weight:600;margin:0;position:absolute;text-align:center;text-transform:uppercase;transition:inset .3s ease-out;width:100%}@media screen and (max-width:1500px){.card-introduction .title{font-size:x-large}}.card-introduction .paragraph{font-family:Barlow;font-size:large;inset:auto auto 100% 0;max-width:100%;opacity:0;overflow:hidden;position:absolute;text-align:center;transition:opacity .3s ease-out}@media screen and (max-width:1200px){.card-introduction .paragraph{font-size:medium}}.card-introduction:hover .title{color:#ba9451;inset:auto auto 65% 0;transition:inset .3s ease-out}@media screen and (max-width:1500px){.card-introduction:hover .title{inset:auto auto 75% 0}}@media screen and (max-width:1000px){.card-introduction:hover .title{inset:auto auto 70% 0}}@media screen and (max-width:600px){.card-introduction:hover .title{inset:auto auto 65% 0}}@media screen and (max-width:450px){.card-introduction:hover .title{inset:auto auto 73% 0}}@media screen and (max-width:350px){.card-introduction:hover .title{inset:auto auto 75% 0}}.card-introduction:hover .paragraph{color:#162b33;inset:auto auto 25% 0;opacity:1;transition:opacity .5s ease-in .1s}@media screen and (max-width:1700px){.card-introduction:hover .paragraph{inset:auto auto 15% 0}}@media screen and (max-width:1060px){.card-introduction:hover .paragraph{inset:auto auto 10% 0}}@media screen and (max-width:1000px){.card-introduction:hover .paragraph{inset:auto auto 25% 0}}@media screen and (max-width:600px){.card-introduction:hover .paragraph{inset:auto auto 20% 0}}@media screen and (max-width:350px){.card-introduction:hover .paragraph{inset:auto auto 10% 0}}.card-introduction:hover .img{opacity:0;transition:opacity .3s ease-in}main{align-items:center;display:flex;flex-direction:column;justify-content:center}.card{button-inset:auto auto 40px 30px;button-color:inherit;button-text-decoration:none;border-radius:20px;box-shadow:0 10px 30px 5px rgba(0,0,0,.1);color:#d3d3d3;cursor:pointer;height:16em;line-break:auto;overflow:hidden;position:relative;width:14em}@media screen and (max-width:1025px){.card{height:18em;width:16em}}@media screen and (max-width:800px){.card{height:16em;width:12.5em}}@media screen and (max-width:500px){.card{height:400px;width:19em}}@media screen and (max-width:400px){.card{height:350px;width:17em}}@media screen and (max-width:330px){.card{height:320px;width:16em}}.card img{background-color:hsla(0,0%,100%,.729);-webkit-filter:blur(2px);filter:blur(2px);left:0;object-fit:cover;opacity:1;top:0;transition:opacity .2s ease-out}.card .overlay,.card img{height:100%;position:absolute;width:100%}.card .overlay{background-color:hsla(0,0%,100%,.449);bottom:0;transition:.5s ease}.card h2{color:#162c33;font-family:Barlow;font-size:x-large;font-weight:800;inset:auto auto 30px 30px;margin:0;position:absolute;text-align:left;text-transform:uppercase;transition:inset .3s ease-out .3s;width:80%}.card a,.card p{max-width:80%;opacity:0;position:absolute;transition:opacity .3s ease-out}.card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;font-family:Barlow;font-size:large;inset:auto auto 80px 30px;overflow:hidden;text-align:left}@media screen and (max-width:800px){.card p{font-size:medium}}.card a{color:inherit;inset:auto auto 40px 30px;text-decoration:none}.card:hover .overlay{background-color:hsla(0,0%,100%,0);transition:background-color .3s ease-out}.card:hover h2{color:#e5e5e5;inset:auto auto 220px 30px;transition:inset .3s ease-out}@media screen and (max-width:500px){.card:hover h2{inset:auto auto 55% 30px}}@media screen and (max-width:400px){.card:hover h2{inset:auto auto 65% 30px}}.card:hover a,.card:hover p{opacity:1;transition:opacity .5s ease-in .1s}.card:hover img{opacity:.3;transition:opacity .3s ease-in}.material-symbols-outlined{vertical-align:middle}.App{background-color:#172a33;color:#d9d9d9;display:flex;flex-direction:column;font-family:Nunito,serif;font-size:calc(10px + 2vmin);min-height:100vh;overflow-x:hidden;text-align:center}.body{font-family:Barlow}.text-post,.text-post-italic{color:"white";font-family:Barlow;font-size:.75em;font-weight:400;margin-top:.5rem;text-align:justify}.text-post-italic{font-style:italic}.btn-back{background-color:#233c45;border-radius:50px;font-size:1rem;left:8%;padding:8px 10px;position:absolute;top:13%;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.btn-back:hover{background-color:#3e5b6a;-webkit-transform:scale(1.05);transform:scale(1.05)}@media(max-width:1200px){.btn-back{font-size:.9rem;left:9%}}@media(max-width:992px){.btn-back{font-size:.8rem;left:6%}}@media(max-width:768px){.btn-back{font-size:.75rem;left:3%}}@media(max-width:576px){.btn-back{font-size:.7rem;left:5%;top:15%}}
/*# sourceMappingURL=main.78251a83.css.map*/