@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";:root{--line-height: 1.5;--font-weight: 400;color:#ffffffde;--background-color: #242424;--font-synthesis: none;--text-rendering: optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans: "Open Sans", serif;--font-default: "Raleway", serif;--font-data: "Oswald", sans-serif;--primary-dark-blue: hsl(217, 28%, 15%);--primary-dark: hsl(218, 28%, 13%);--primary-footer: hsl(216, 53%, 9%);--primary-blue: hsl(219, 30%, 18%);--accent-cyan: hsl(178, 100%, 85%);--accent-blue: hsl(198, 60%, 50%);--accent-red: hsl(0, 100%, 63%);--primary-red: hsl(0, 86%, 65%);--primary-orange: hsl(23, 86%, 59%);--primary-violet: hsl(254, 44%, 46%);--white: hsl(0, 0%, 100%);--hero-bkg: linear-gradient(to bottom, hsl(217, 28%, 15%) 59.5%, hsl(218, 28%, 13%) 59.5%);--transition: all .5s ease-in-out;--spacing: .1rem;--radius: 2rem;--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-title: clamp(1.35rem, 4vw, 3rem);--fs-header: clamp(.85rem, 2vw, 1.5rem);--fs-button: clamp(.75rem, 2vw, 1.25rem);--fs-numbers: clamp(.55rem, 2vw, .85rem);--light-shadow: 0 5px 15px rgba(0, 0, 0, .1);--dark-shadow: 0 5px 15px rgba(0, 0, 0, .2)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;margin:0;padding:0;color:var(--white);background-color:var(--primary-dark);background-image:url(/planet-facts-bilingual/assets/background-destination-desktop-I7C3wQVB.jpg);background-size:cover;background-repeat:no-repeat;font-size:clamp(.75rem,2vw,1rem);overflow:auto;overflow-x:hidden}body{font-family:var(--font-default)}.container{max-width:90vw;margin:2rem auto;padding:0}.logo{height:4em;will-change:filter;transition:filter .3s;filter:invert(1);cursor:pointer}.nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.links,.planet-links{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:2rem;font-family:var(--font-data)}.links .link{color:var(--white);text-decoration:none;transition:var(--transition)}.planet-links a:hover,.links .link:focus{font-weight:var(--fw-bold)}.links .link.active,.planet-list .link.active,.sidebar-links .link.active{font-weight:var(--fw-bold);text-underline-offset:.75rem;text-decoration:underline}.burger-btn{display:none;background-color:transparent;color:var(--white);outline:none;border:none;cursor:pointer}.menu{display:none;opacity:0;height:85vh;width:calc(100vw - 6rem);margin-left:1rem;margin-right:1rem;margin-top:7rem;top:0rem;position:absolute;background-color:var(--primary-blue);z-index:35;padding-top:4rem;transition:opacity .45s ease-in-out,display .45s ease-in-out;transition-behavior:allow-discrete}.menu.show{display:none;opacity:0}.menu ul{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.sidebar{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:95%}.sidebar-links .link,.sidebar-links .planet-list li{color:var(--clr-white);text-decoration:none;cursor:pointer;margin-top:.5rem;font-family:var(--font-data)}.close-btn{font-size:2rem;background:transparent;border-color:transparent;color:var(--clr-white);position:absolute;top:.5rem;right:.5rem;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:24}.languages{margin-right:1rem}.languages select{border-radius:.25rem;padding:.25rem;font-family:var(--font-data)}.about-section{margin-top:4rem;text-align:justify;display:flex;flex-direction:column;gap:2rem}.voyager-section{display:flex;justify-content:right;position:relative}img.voyager{will-change:filter;transition:filter .3s;filter:invert(1);height:10rem;position:relative;left:-7rem}.voyager-section:after{content:"";position:absolute;width:10rem;height:9rem;background:linear-gradient(90deg,transparent,rgba(255,209,102,.7));animation:trail 2s linear infinite}@keyframes trail{0%{transform:translate(-30px);opacity:.5}to{transform:translate(0);opacity:0}}.planet-list{list-style:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.planet-list a{text-decoration:none;color:var(--white)}.hero{display:grid;grid-template-columns:2fr 3fr;justify-content:center;align-items:self-start;gap:2rem}.title{font-size:var(--fs-title);margin-bottom:4rem}.description{text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem}img.earth-home{width:80%;animation:rotation infinite 65s linear;margin-top:-2rem;margin-left:6rem}img.earth-home:hover{scale:1.05}.hero-btn{margin-top:2rem;text-decoration:none;text-transform:uppercase;position:relative;z-index:10;background-color:var(--accent-blue);color:var(--white);font-weight:var(--fw-bold);padding:.5rem 2rem;border-radius:.75rem;transition:var(--transition)}.hero-btn:hover,.hero-btn:focus{color:var(--accent-blue);background-color:var(--white)}.hero-btn:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;background-color:#b3fffc40;border-radius:.75rem;left:.02rem;bottom:.05rem;opacity:0;transition:opacity .5s linear,transform .75s ease-in-out}.hero-btn:hover:before,.hero-btn:focus:before{opacity:1;transform:scale(1.35)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.planet-details{margin-bottom:3rem}.planet-image{height:48vh}.planet-description{text-align:left;grid-area:descr}.planet-header{text-transform:uppercase;margin-bottom:2.5rem;font-family:var(--font-data)}.planet-text{text-align:justify}.read-more{border:none;background:none;color:var(--accent-blue);margin-left:.5rem;text-transform:capitalize;transition:var(--transition);font-size:clamp(.75rem,2vw,1rem);cursor:pointer}.read-more:focus,.read-more:hover{color:var(--primary-orange)}.tabs-headers{display:flex;flex-direction:column;gap:1rem;grid-area:tabs}.tabs-image{grid-area:img;display:flex;justify-content:center;align-items:start}.planet-tabs{display:grid;grid-template-columns:3fr 3fr;grid-template-areas:"descr img" "descr img" "tabs img";gap:1rem}button.tab{background-color:transparent;color:var(--white);border-radius:8px;border:1px solid var(--primary-blue);padding:.6em 1.2em;font-size:var(--fs-numbers);font-weight:var(--fw-regular);font-family:var(--font-data);text-transform:uppercase;outline:none;text-align:start;cursor:pointer}.tabs-headers.blue .tab.active{background-color:var(--primary-violet)}.tabs-headers.red .tab.active{background-color:var(--primary-orange)}.tab span{font-weight:var(--fw-bold)}.data-items{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.data-items li{list-style:none;padding:0;border:2px solid var(--primary-blue);width:16rem;height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.data-items .p-title{font-size:var(--fs-numbers)}.data-items .numbers{font-family:var(--font-data);text-transform:uppercase;font-size:var(--fs-header)}@media screen and (max-width: 1050px){.hero{display:flex;flex-direction:column-reverse;align-items:center}.description{align-items:center}.burger-btn{display:block}.planet-links{display:none}.menu.show{display:block;opacity:1}img.earth-home{margin-left:0}.planet-tabs{grid-template-columns:2fr 2fr;grid-template-areas:"img img" "img img" "descr tabs" "descr tabs"}.planet-image{height:36vh}.tabs-headers{display:flex;flex-direction:column;align-self:normal}}@media screen and (max-width: 550px){body{background-image:url(/planet-facts-bilingual/assets/background-destination-mobile-BxT9Hn-u.jpg)}.languages{margin-right:0rem}.planet-tabs{grid-template-columns:1fr;grid-template-areas:"tabs" "img" "descr" "descr";gap:4rem}.planet-details h1{text-align:center}.planet-image{height:26vh}.tabs-headers{flex-direction:row;align-self:normal;gap:0rem;justify-content:space-between}button.tab{border:none}.tab.active{text-underline-offset:.75rem}.tabs-headers.red .tab.active{background-color:transparent;text-decoration:solid underline var(--primary-orange) .2rem}.tabs-headers.blue .tab.active{background-color:transparent;text-decoration:solid underline var(--primary-violet) .2rem}.data-items{flex-direction:column;justify-content:center;align-items:center;align-self:normal}.data-items li{flex-direction:row;padding:1.5rem;justify-content:space-between;width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}