*{background-color:#000;margin:0;padding:0}html{scroll-behavior:smooth}.container{height:100vh}.greeting{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:230px}.greeting img{width:30%;margin-bottom:20px}.search{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;width:fit-content}.search h4{color:#fff}.search hr{border:1px solid yellow;width:100%}.search input{background-color:#d3d3d3;color:#000;width:300px;height:30px;box-sizing:border-box;border:none;border-radius:10px;text-align:center}.search button{background-color:#fff;width:100px;height:30px;box-sizing:border-box;border:none;border-radius:10px;cursor:pointer}.search button:hover{border:1px solid gray;box-sizing:border-box}.main{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.content{width:15%;height:200px;background-color:#000;padding:5px;border:1px solid white;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-self:center;text-align:center;gap:5px;margin:10px;box-shadow:0 4px 8px #fff3,0 6px 20px #ffffff1a;transition:opacity .5s ease-in-out}.content:hover{box-shadow:0 4px 8px #fff9,0 6px 20px #fff6}.shipList li,.shipList b{width:90%;margin:0 auto;list-style:none;color:#fff;text-align:left;font-size:12px}.content button{background-color:#d3d3d3;height:20px;border:none;width:90%;margin:0 auto;color:#000;border-radius:5px;font-size:12px;cursor:pointer}.content button:hover{box-sizing:border-box;border:2px solid gray;font-size:13px}.content img{width:80%;height:60%;margin:0 auto;border-radius:10px}.detail-container{width:100%;height:100%;background-color:#000;margin:0;padding:0;box-sizing:border-box;box-shadow:0 4px 8px #fff3,0 6px 20px #ffffff1a}.detail-card{width:50%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;gap:20px}.detail-card img{width:60%;border-radius:15%}.detail-card a{text-decoration:none;color:#fff;background-color:#1c1c1c}.detail-card i{color:#fff;background-color:#1c1c1c;width:20px}.detail-card h2{background-color:transparent;color:#fff}.detail-card ul{background-color:transparent}.detail-card ul li,.detail-card ul b{list-style:none;background-color:transparent;color:#fff}