*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{background-color:#202c37;font-family:Nunito Sans,sans-serif;font-optical-sizing:auto}.App{text-align:center}.App.light{background-color:#fafafa;color:#000}.App.dark{background-color:#202c37;color:#fff}.App.light header{background-color:#fafafa;color:#000}.App.dark header{background-color:#2b3945;color:#fff}.App.light select{background-color:#fff;color:#2b3945}.App.dark select{background-color:#2b3945;color:#fff}.App.light .container-cards{background-color:#fff;color:#000;border-color:#e6e6e6}.App.dark .container-cards{background-color:#2b3945;color:#fff;border-color:#2b3945}.App.light .container-cards .info{color:#000}.App.dark .container-cards .info{color:#fff}.App.light input{background-color:#fff;color:#858585}.App.dark input{background-color:#2b3945;color:#fff}.App.light main input::placeholder{color:#858585}.App.dark main input::placeholder{color:#fff}.App.light .container-details,.App.light header button{background-color:#f9f9f9;color:#000}.App.dark .container-details,.App.dark header button{background-color:#202c37;color:#fff}.App.light .container-details .box-exit,.App.light .fronteiras button{background-color:#f9f9f9;color:#000}.App.dark .container-details .box-exit,.App.App.dark .fronteiras button{background-color:#2b3945;color:#fff}.App.light .box-exit:hover,.App.light .fronteiras button:hover,.App.light header button:hover{color:inherit;box-shadow:1px 1px 8px 2px #2b3945;cursor:pointer}.App.dark .box-exit:hover,.App.dark .fronteiras button:hover,.App.dark header button:hover{color:inherit;box-shadow:1px 1px 8px 2px #fff;cursor:pointer}header{width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.129)}header h1{padding-left:2rem}header button{color:inherit;box-shadow:1px 1px 2px 1px #8585853e;padding:10px;font-size:16px;cursor:pointer;border:none;border-radius:5px}@media screen and (max-width: 480px){header h1{font-size:22px;padding:.2rem}header button{padding:8px;font-size:14px}}.container-cards{display:flex;flex-direction:column;box-shadow:.1px .1px 2px .1px #2b3945;text-align:justify;width:360px;height:400px;border-radius:5px}.imgs{width:100%;min-height:220px}.imgs img{width:100%;height:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:1px solid hsla(0,0%,52%,.092)}.info{height:100%;padding:1.3rem}.info button{padding:.3rem 0;background-color:inherit;color:inherit;border:none;font-weight:700;font-size:2rem}.info button:hover{color:#858585;text-decoration:underline 2px white;cursor:pointer}.info p{padding:.3rem 0}.info span{color:#858585}main{display:flex;flex-direction:column}.search{display:flex;justify-content:space-between;align-items:center;padding:2rem}.input{width:400px;display:flex;align-items:center}.input img{width:30px;height:30px;object-fit:contain;position:absolute;margin-left:1rem;border-bottom:1px solid transparent}.input input{width:100%;padding:1rem;border-radius:5px;border:none;background-color:inherit;color:inherit;text-align:center;box-shadow:.1px .1px 4px .4px #858585}input::placeholder{color:#858585}.input img:hover{cursor:pointer;border-bottom:1px solid aqua}select{height:auto;padding:.8rem;border-radius:5px;cursor:pointer}.countries{width:97%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:0 auto;padding-top:1rem;row-gap:1.3rem}.back-to-top{position:fixed;background-color:transparent;bottom:20px;right:20px;border:none;padding:10px;border-radius:50%;font-size:20px;cursor:pointer;display:none}.show{display:block}.back-to-top img{background-color:#2b3945;border-radius:50%}.back-to-top img:hover{background-color:#007bff}@media screen and (max-width: 480px){.search{flex-direction:column;align-items:start}.input{width:100%;padding-bottom:2rem}}.msgHide{background-color:red;width:30%;padding:.8rem;border-radius:5px;display:none;justify-content:center;margin:0 auto}.msg{background-color:red;width:30%;padding:.8rem;border-radius:5px;display:flex;justify-content:center;margin:0 auto}.msg p{font-weight:700}.container-details{width:95vw;height:100vh;padding:2rem;margin-top:2rem;display:flex;flex-direction:column}.box-exit{width:80px;box-shadow:1px 1px 3px 1px #1e2529;border-radius:5px;margin-bottom:2rem;margin-left:2em;padding:.3rem;text-align:center}.box-exit a{text-decoration:none;display:block;border-radius:3px;color:inherit;font-weight:600}.box-info{width:100%;height:70%;display:flex;flex-direction:row;margin:1rem}.details-img{max-width:600px;height:100%;margin-right:4rem}.details-img img{width:100%;height:100%;object-fit:contain;border:1px solid hsla(0,0%,52%,.092)}.details-info{width:600px;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:baseline;text-align:justify}.details-info h2{font-size:3rem;padding:1rem 0;color:inherit}.details-info p{padding-bottom:.3rem;font-size:1rem;color:inherit}.details-info span{color:#858585;font-size:1rem}.division{display:flex;flex-direction:column;justify-content:center;padding-top:6.5rem}.fronteiras{position:absolute;top:55%;padding-top:4rem;width:600px;height:50px;display:flex;gap:10px;flex-wrap:wrap}.fronteiras h3{color:inherit}.fronteiras button{width:50px;box-shadow:1px 1px 3px 1px #1e2529;color:#858585;border-radius:2px;padding:.3rem;text-align:center;border:none}@media screen and (max-width: 480px){.container-details{height:200vh;padding:0}.box-exit{width:50px;font-size:14px;margin-bottom:1rem;margin-left:2.4rem}.box-info{flex-direction:column;height:auto}.details-img{width:90%;margin:0 auto}.details-info{width:400px;flex-wrap:nowrap;justify-content:start;padding-left:1.8rem}.division{padding-top:2rem}.fronteiras{padding-top:0;width:90%;top:100%}.fronteiras h3{width:100%}}