@import url(https://fonts.googleapis.com/css2?family=Antonio:wght@500&family=Spartan:wght@400;700&display=swap);:root{--clr-mercury:#419ebb;--clr-venus:#eda249;--clr-earth:#6d2ed5;--clr-mars:#d14c32;--clr-jupiter:#d83a34;--clr-saturn:#cd5120;--clr-uranus:#1ec1a2;--clr-neptune:#2d68f0}.navbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:left;justify-content:left;-webkit-align-items:center;align-items:center;font-family:"Antonio",sans-serif;font-size:1.3em;padding:0 20px;height:15vh;border-bottom:2px solid #838391;position:relative}.navbar h1{margin-right:auto}.navbar img{cursor:pointer}.dropdown{width:100%;height:85vh;position:absolute;top:100%;left:0;background-color:#070724;z-index:5}.nav-items-mobile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:left;justify-content:left;-webkit-align-items:left;align-items:left;list-style:none;margin-top:5vh;padding:0 2em;grid-gap:1em;gap:1em}.nav-items{display:none}@media screen and (min-width:768px){.navbar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.navbar h1{margin:0}.navbar img{display:none}.navbar .nav-items{display:block;margin-top:2.5vh}.navbar .nav-items ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;list-style:none;grid-gap:1.4em;gap:1.4em;padding-left:0}.navbar .nav-items ul li{color:#838391;font-size:.8em;cursor:pointer;font-family:"Spartan",sans-serif;font-weight:700}.navbar .nav-items ul li:hover{color:#fff}}@media screen and (min-width:1024px){.navbar{-webkit-flex-direction:row;flex-direction:row;height:10vh}.navbar h1{margin-right:auto}.navbar .nav-items{margin-top:0;font-size:1.3em}.navbar .nav-items .nav-active{position:relative}.navbar .nav-items .nav-active:before{content:"";width:100%;height:5px;position:absolute;top:-160%}}.nav-item{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:left;justify-content:left;-webkit-align-items:center;align-items:center;font-size:.8em;font-family:"Spartan",sans-serif;font-weight:400;border-bottom:1px solid #838391;cursor:pointer}.nav-item div{margin-right:1em}.nav-item h3{margin-right:auto}.nav-item img{margin-right:1.5em}.nav-item div,.nav-item h3,.nav-item img{margin-bottom:1.5em}.nav-item:last-child{border-bottom:none}.details-nav{border-bottom:2px solid #838391;padding:2em}.details-nav ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;grid-gap:2em;gap:2em;padding-left:0;list-style:none;font-weight:700}.details-nav li{cursor:pointer;position:relative}.details-nav li:hover{color:#838391}.tablet-details{display:none}.active:after{content:"";display:block;width:100%;height:5px;position:absolute;top:3em}@media screen and (min-width:768px){.active:after,.details-nav{display:none}.tablet-details{display:block;width:50%}.tablet-details ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;list-style:none;width:70%}.tablet-details ul li{border:2px solid #838391;padding:1em;width:100%;color:#fff;cursor:pointer;margin-bottom:1em}.tablet-details ul li:hover{background-color:#838391;border-color:#838391}.tablet-details ul li:before{content:"01";color:#38384f;margin-right:1em}.tablet-details ul li:nth-child(2):before{content:"02"}.tablet-details ul li:nth-child(3):before{content:"03"}}.planet-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.planet-container .planet{width:80%;height:400px}.planet-container h2{font-family:"Antonio",sans-serif;font-weight:700;font-size:4em}.planet-container p{text-align:center;padding:2em;line-height:1.8em}.planet-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.planet-details .source-link{color:#38384f;padding-top:0}.planet-details .source-link a{font-weight:700;color:#838391}.details{width:100%;text-align:center}.planet-facts{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.geo-size{width:200px;height:200px;top:34%;left:28%;position:absolute}@media screen and (min-width:768px){.details{margin-left:20px;width:50%}.details h2{margin-left:26px}.details h2,.details p{text-align:left}.planet-facts{width:90%;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,1fr)}.planet{margin:3em 0}.tablet-flex{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:left;justify-content:left;-webkit-align-items:center;align-items:center}.geo-size{width:200px;height:200px;top:19.2%;left:39.2%;position:absolute}}@media screen and (min-width:1024px){.details{margin-left:5em;width:50%}.details h2{margin-left:26px}.details h2,.details p{text-align:left}.geo-size{width:200px;height:200px;top:14.5%;left:45.7%;position:absolute}}.mercury:after{background-color:#419ebb}.mercury-planet{background:url(/Frontend-Planets/static/media/planet-mercury.1fce205c.svg) no-repeat 50%;background-size:contain}.mercury-core{background:url(/Frontend-Planets/static/media/planet-mercury-internal.d1be1432.svg) no-repeat 50%;background-size:contain}.mercury-geology{background:url(/Frontend-Planets/static/media/geology-mercury.aa6732c3.png) no-repeat;background-size:contain}.venus:after{background-color:#eda249}.venus-planet{background:url(/Frontend-Planets/static/media/planet-venus.db5a3444.svg) no-repeat 50%;background-size:contain}.venus-core{background:url(/Frontend-Planets/static/media/planet-venus-internal.1a94aa02.svg) no-repeat 50%;background-size:contain}.venus-geology{background:url(/Frontend-Planets/static/media/geology-venus.484f9dac.png) no-repeat;background-size:contain}.earth:after{background-color:#6d2ed5}.earth-planet{background:url(/Frontend-Planets/static/media/planet-earth.4d12af96.svg) no-repeat 50%;background-size:contain}.earth-core{background:url(/Frontend-Planets/static/media/planet-earth-internal.3c465186.svg) no-repeat 50%;background-size:contain}.earth-geology{background:url(/Frontend-Planets/static/media/geology-earth.61d2b324.png) no-repeat;background-size:contain}.mars:after{background-color:#d14c32}.mars-planet{background:url(/Frontend-Planets/static/media/planet-mars.f9dc1ca4.svg) no-repeat 50%;background-size:contain}.mars-core{background:url(/Frontend-Planets/static/media/planet-mars-internal.d867ac80.svg) no-repeat 50%}.mars-geology{background:url(/Frontend-Planets/static/media/geology-mars.d3ffce8e.png) no-repeat;background-size:contain}.jupiter:after{background-color:#d83a34}.jupiter-planet{background:url(/Frontend-Planets/static/media/planet-jupiter.b1d0956b.svg) no-repeat 50%;background-size:contain}.jupiter-core{background:url(/Frontend-Planets/static/media/planet-jupiter-internal.3087313d.svg) no-repeat 50%;background-size:contain}.jupiter-geology{background:url(/Frontend-Planets/static/media/geology-jupiter.93e4e021.png) no-repeat;background-size:contain}.saturn:after{background-color:#cd5120}.saturn-planet{background:url(/Frontend-Planets/static/media/planet-saturn.801f886a.svg) no-repeat 50%;background-size:contain}.saturn-core{background:url(/Frontend-Planets/static/media/planet-saturn-internal.e883c559.svg) no-repeat 50%;background-size:contain}.saturn-geology{background:url(/Frontend-Planets/static/media/geology-saturn.b309827a.png) no-repeat;background-size:contain}.uranus:after{background-color:#1ec1a2}.uranus-planet{background:url(/Frontend-Planets/static/media/planet-uranus.e91b297f.svg) no-repeat 50%;background-size:contain}.uranus-core{background:url(/Frontend-Planets/static/media/planet-uranus-internal.578233c6.svg) no-repeat 50%;background-size:contain}.uranus-geology{background:url(/Frontend-Planets/static/media/geology-uranus.8cec343d.png) no-repeat;background-size:contain}.neptune:after{background-color:#2d68f0}.neptune-planet{background:url(/Frontend-Planets/static/media/planet-neptune.af322961.svg) no-repeat 50%;background-size:contain}.neptune-core{background:url(/Frontend-Planets/static/media/planet-neptune-internal.3ebd623e.svg) no-repeat 50%;background-size:contain}.neptune-geology{background:url(/Frontend-Planets/static/media/geology-neptune.d1247e41.png) no-repeat;background-size:contain}@media screen and (min-width:768px){.active.neptune{background-color:#2d68f0;border-color:#2d68f0}.active.uranus{background-color:#1ec1a2;border-color:#1ec1a2}.active.mercury{background-color:#419ebb;border-color:#419ebb}.active.venus{background-color:#eda249;border-color:#eda249}.active.earth{background-color:#6d2ed5;border-color:#6d2ed5}.active.mars{background-color:#d14c32;border-color:#d14c32}.active.saturn{background-color:#cd5120;border-color:#cd5120}.active.jupiter{background-color:#d83a34;border-color:#d83a34}}@media screen and (min-width:1024px){.nav-active.mercury:before{background-color:#419ebb}.nav-active.venus:before{background-color:#eda249}.nav-active.earth:before{background-color:#6d2ed5}.nav-active.mars:before{background-color:#d14c32}.nav-active.jupiter:before{background-color:#d83a34}.nav-active.saturn:before{background-color:#cd5120}.nav-active.uranus:before{background-color:#1ec1a2}.nav-active.neptune:before{background-color:#2d68f0}}.fact{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:left;justify-content:left;-webkit-align-items:left;align-items:left;width:80%;border:2px solid #38384f;padding:1em;margin-bottom:1em}.fact p{padding:0 10px;text-align:left;margin-right:auto;color:#838391}.fact p:last-child{color:#fff;margin-right:0;font-weight:700}@media screen and (min-width:768px){.fact{-webkit-flex-direction:column;flex-direction:column;width:auto}.fact p{width:auto;padding:0;font-size:.7em}.fact p:last-child{font-size:1.3em;margin-top:10px}}*,:after,:before{margin:0}body{box-sizing:border-box;font-family:"Spartan",sans-serif;font-weight:400;color:#fff;font-size:14px;background-image:url(/Frontend-Planets/static/media/background-stars.f6233a6a.svg);background-position:50%;background-size:cover;background-color:#070724}
/*# sourceMappingURL=main.96c4c7fc.chunk.css.map */