.App{text-align:center;background-color:#000}*{margin:0;padding:0;box-sizing:border-box;color:#fff}:root{--font-color: rgb(64, 255, 0) ;--font-color-soft: rgba(64, 255, 0, .285) }.containerHead{background-image:url(/assets/image3.0ace10de.jpg);background-repeat:no-repeat;background-size:cover;width:100%;height:12rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.containerHead>img{width:35%;height:35%}input{width:10rem;height:2rem;border:none;border-radius:.5rem;background-color:#000;color:#40ff00;text-align:center}input:focus{outline:none}input::placeholder{color:var(--font-color-soft)}input:hover{box-shadow:0 0 5px 3px var(--font-color)}button{border:none;height:2rem;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;background-color:#000;color:var(--font-color);width:3rem;margin-left:.2rem}button:hover{box-shadow:0 0 5px 3px var(--font-color)}body{background-color:#000;display:flex;flex-direction:column;align-items:center}.containerLocation{background-color:#1b1b1b;width:70vw;height:6rem;padding:.3rem;margin-top:1rem;justify-content:center}h3{margin-top:1rem;margin-bottom:1rem;color:var(--font-color)}.containerLocationInfo{display:flex;justify-content:center;gap:22px}.location{display:flex;justify-content:center}.containerCharacter{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;gap:1rem;width:70vw}.characterInfo{display:flex;margin-bottom:1rem}.image{width:50%}.image>img{width:100%;height:100%}.characterInfo>.info{text-align:center;list-style:none;background-color:#1b1b1b;height:100%;padding:1rem;width:50%;flex-direction:column;gap:.5rem}.containerStatus>.alive{width:.6rem;height:.6rem;border-radius:50%;background-color:green;margin-right:.5rem}.containerStatus>.dead{width:.6rem;height:.6rem;border-radius:50%;background-color:red;margin-right:.5rem}.containerStatus>.unknown{width:.6rem;height:.6rem;border-radius:50%;background-color:gray;margin-right:.5rem}.containerStatus{display:flex;align-items:center;position:relative;left:-115px;top:-69px;background-color:#ffffff76;height:1.5rem;width:6rem;padding:5px;border-radius:.8rem;justify-content:center}.containerStatus>small{color:#000}.info>li{font-size:15px;padding:.5rem;height:3.5rem}.info>p{text-align:start;margin-bottom:10px;font-size:10px}b{color:var(--font-color);margin-right:3px}@media screen and (max-width: 768px){.containerHead{background-image:url(/assets/image3.0ace10de.jpg);background-repeat:no-repeat;background-size:100%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}input,button{height:1rem}.containerLocation{font-size:15px}.containerLocationInfo{font-size:8px}.containerCharacter{display:grid;grid-template-columns:1fr;justify-content:space-between;gap:1rem;width:70vw}}@media screen and (min-width: 680px) and (max-width: 768px){.info>p{font-size:15px}.info>li{font-size:20px}}@media screen and (min-width: 680px) and (max-width: 768px){.info>p{font-size:14px}}@media screen and (min-width: 769px) and (max-width: 1006px){.characterInfo{height:80%}.info>p{font-size:8px}br{height:2px}}@media screen and (min-width: 769px) and (max-width: 1060px){.containerHead{background-image:url(/assets/image3.0ace10de.jpg);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}input,button{height:1rem}.containerLocation{font-size:15px}.containerLocationInfo{font-size:8px}}@media screen and (max-width: 769px){.containerHead{width:70vw}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}