.app{min-height:100vh;height:fit-content;color:#fff}.app header{background:url(/assets/photo-1608178398319-48f814d0750c-DtYyRNuB.avif);background-size:cover;background-repeat:no-repeat;background-position:absolute;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px 0 0;height:15vh;min-height:100px}.app main{height:85vh}.app__h1{text-align:center;text-transform:uppercase;font-size:3vw}.app__content-separator{border:4px solid #8fa0fc;margin:0}.app__loader-container{display:flex;width:100vw;height:calc(100% - 8px);justify-content:center;align-items:center}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{--bg: oklch(12.9% .042 264.695);--c1: oklch(55% .08 294.35);--c2: oklch(62% .07 15);--c3: oklch(70% .06 260);--c4: oklch(68% .06 140);--c5: oklch(25% .01 270);--c6: oklch(60% .07 200)}.app__background{position:absolute;top:-5vh;left:-5vh;width:110vw;height:110vh;display:grid;grid-template-areas:"stack";aspect-ratio:1;overflow:hidden;z-index:-1}.app__background:before,.app__background:after{content:"";display:block;grid-area:stack;width:100%;height:100%;transform:translateZ(0)}.app__background:before{background:conic-gradient(from calc(var(--angle) * 2) at 25% 70%,var(--c1),transparent 20% 80%,var(--c1)),conic-gradient(from calc(var(--angle) * 2) at 45% 75%,var(--c2),transparent 30% 60%,var(--c2)),conic-gradient(from calc(var(--angle) * -3) at 80% 20%,var(--c3),transparent 40% 60%,var(--c3)),conic-gradient(from calc(var(--angle) * 2) at 15% 5%,var(--c4),transparent 10% 90%,var(--c4)),conic-gradient(from calc(var(--angle) * 1) at 20% 80%,var(--c5),transparent 10% 90%,var(--c5)),conic-gradient(from calc(var(--angle) * -2) at 85% 10%,var(--c6),transparent 20% 80%,var(--c6));box-shadow:inset var(--bg) 0 0 5vmin 1vmin;filter:blur(3vmin) contrast(5);animation:rotate 120s linear infinite}.app__background:after{--dot: 2px;background-image:radial-gradient(circle at center,var(--bg) var(--dot),transparent var(--dot));background-size:calc(var(--dot) * 2) calc(var(--dot) * 2);-webkit-mask-image:radial-gradient(black 25%,transparent 75%);mask-image:radial-gradient(black 25%,transparent 75%);-webkit-backdrop-filter:blur(8vmin) contrast(10);backdrop-filter:blur(8vmin) contrast(10);mix-blend-mode:overlay}@keyframes rotate{to{--angle: 360deg}}.nav-bar{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;width:fit-content;height:50px;border-radius:10px 10px 0 0;align-items:flex-end;margin-top:auto;gap:1.5vw;box-sizing:border-box}.nav-bar a{text-align:center;text-decoration:none;color:#fff;width:150px;height:70%;line-height:40px;background-color:#8fa0fc;border-radius:10px 10px 0 0;transition:height .2s ease-in-out;box-shadow:0 -5px #5e60f8}.nav-bar a:hover{height:90%}.loader{width:100vw;height:4.8px;display:inline-block;position:relative;overflow:hidden}.loader:after{content:"";width:96px;height:4.8px;background:#fff;position:absolute;top:0;left:0;box-sizing:border-box;animation:hitZak 1s ease-in-out infinite alternate}@keyframes hitZak{0%{left:0;transform:translate(-1%)}to{left:100%;transform:translate(-99%)}}.landing-page{margin:0 auto;height:100%;overflow:scroll;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:15px}.landing-page p{background-color:#000000b0;box-sizing:border-box;padding:10px;max-width:70vw;border:3px solid white;border-radius:5px;line-height:30px;font-size:calc(1em + .5vw);margin:0}.spacecraft-card{width:80vw;background-color:#000000b0;padding:20px;border:3px solid white;border-radius:5px;display:flex;flex-flow:row wrap;justify-content:space-between;font-size:1.2rem}.spacecraft-card a{text-decoration:none;color:#fff;background-color:#4b63a7;border:1px solid white;padding:10px}.spacecraft-card__delete_button{color:#fff;background-color:#4b63a7;border:1px solid white;padding:10px;font-size:1.2rem}.spacecraft-card a:visited{color:#fff}.spacecraft-card__ship-name{flex-basis:100%;font-size:2rem;line-height:2.5rem}.spacecrafts{display:flex;flex-direction:column;align-items:center;gap:20px;box-sizing:border-box;padding:20px 0;height:100%;overflow:scroll}.spacecrafts__builder-link{text-align:center;text-decoration:none;background-color:#8fa0fc;padding:10px;text-transform:uppercase;border-radius:20px;font-size:calc(1em + 1vw);color:#fff}.spacecraft-builder{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:3px solid #ffffff;border-radius:20px;padding:20px;width:30%;margin:20px auto 0;background-color:#000000a9}.spacecraft-builder__title{text-align:center;text-transform:uppercase;font-size:calc(20px + 1vw);padding:20px 0}.spacecraft-builder__form{display:flex;flex-flow:column;margin:0 auto;gap:20px;width:95%}.spacecraft-builder__form input,.spacecraft-builder__form textarea{background-color:#000000a9;color:#fff;font-family:Geo,sans-serif;font-weight:400;font-style:normal;font-size:1.5rem}.spacecraft-builder__form__description{resize:none;height:calc(50px + 15vh)}.spacecraft-builder__form-submit{width:150px;height:50px;margin:0 auto;font-size:2rem}.moving-overlay{position:absolute;box-sizing:border-box;top:0;left:0;width:100vw;height:100vh;z-index:2;background-color:#00000086;display:flex;align-items:center;justify-content:center}.moving-overlay__text-box{text-align:center;border:3px double white;opacity:100%;width:12vw;height:12vw;line-height:12vw;background-color:#000}.craft-details{width:80vw;margin:0 auto;font-size:1.3rem;text-align:center}.craft-details__craft-name{font-size:2rem;text-align:center;margin:2vh 0}.craft-details p{margin:2vh 0;border-bottom:2px solid #ffffff;text-align:start}.craft-details__craft-pic{height:calc(20px + 25vh);width:calc(20px + 25vh);object-fit:cover}.planets-card{display:flex;flex-flow:row nowrap;box-sizing:border-box;flex:0 0 calc((100% - 20px) / 3);border:3px solid #ffffff;border-radius:20px;-webkit-user-select:none;user-select:none;background-color:#000000b2;overflow:scroll}.planets-card__info-container{box-sizing:border-box;border-right:3px solid white;border-radius:3px;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;flex-basis:30%}.planets-card__spacecraft-container{flex-basis:70%;padding:20px}.planets-card__img{object-fit:cover;width:calc(50px + 2vw);height:calc(50px + 2vw);border-radius:100%}.planets-card__name{text-transform:uppercase;writing-mode:vertical-lr;text-orientation:upright;font-size:calc(1rem + .5vw);padding:10px}.planets-card__population{text-align:center;font-size:calc(1rem + .2vw);flex-basis:100%;padding:0 10px;margin-top:10px}.movable-spacecraft{display:flex;flex-direction:row;align-items:center;border:2px dotted #ffffff;padding:5px;width:fit-content}.movable-spacecraft__img{width:50px;height:50px;object-fit:cover;margin:0 10px}.movable-spacecraft__img-placeholder{margin:0 10px;display:inline-block;width:50px;height:50px;line-height:50px;text-align:center}.planets-container{display:flex;height:100%;width:100%;flex-flow:row wrap;gap:10px;margin:0 auto;box-sizing:border-box;padding:20px 10vw;overflow:scroll}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:#000;font-family:Geo,sans-serif;font-weight:400;font-style:normal}body input[type=button]{font-family:Geo,sans-serif;font-weight:400;font-style:normal}