:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;font-weight:400}@font-face{font-family:harry-potter-font;src:url(/fonts/HARRYP__.TTF)}body{background-color:#130d21;color:#fff;padding:0}#root{max-width:100%;margin:0 auto;padding:0;text-align:center}nav{width:98%;margin:auto auto 20px;font-family:harry-potter-font;font-size:3em;display:flex;justify-content:space-between;align-items:center}.home-logo{display:flex;justify-content:center;align-items:center}nav ul{width:50%;list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}nav ul li a{text-decoration:none;color:#f79d1a}nav img{border-radius:40px}.hogwarts-express-box{border:solid hsl(300,70%,50%) 1px;border-radius:.5rem;display:flex;margin:auto;width:98%;height:80vh;position:relative}.hogwarts-express-box img{border-radius:.5rem;width:100%;height:100%;object-fit:cover;object-position:left top;position:absolute;z-index:1;opacity:80%}.hogwarts-express-box div{position:absolute;width:100%;height:100%;border-radius:.5rem;z-index:2;object-fit:none;font-size:2vw}.hogwarts-express-box div p{z-index:3;color:#fff;position:absolute;width:50%;text-align:justify;left:45%;top:25%}form{display:flex;justify-content:space-between;align-items:center;margin:10px}form input{width:92%;border-radius:12px;border:none}form button{width:7%;font-size:1rem}form input,form button{height:30px}.ul-card{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}.card{width:22%;border:solid white 2px;border-radius:.25rem;display:flex;flex-direction:column;margin:10px;padding:10px;height:524px}h2{font-size:1.2em;margin-top:0}.box{margin-top:10px;height:60%}.left-align{text-align:left;height:30%}.attributes{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.attributes img{margin-right:5px}.card button{background-color:#d926d9;color:#fff;width:100%;border:none;border-radius:5px;height:40px;font-size:1rem}.card .cover-image{border-radius:15px;width:288px;height:288px;object-fit:contain}.capitalize{text-transform:capitalize}.grid-col-2{margin-bottom:20px;width:67%;padding:1.25rem;border:solid white 2px;border-radius:.5rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:500px;grid-gap:0}.image-container img{width:100%;height:100%;object-fit:contain}.grid-col-2 table,.grid-col-2 table td{padding-left:10%}.grid-col-2 table td,.grid-col-2 table th{text-align:left;vertical-align:top;padding-top:5px;padding-bottom:5px}.additional-details{margin-bottom:.5rem;width:67%;padding:.5rem;border:solid white 1px;border-radius:.375rem}.unfold{display:flex;justify-content:space-between;align-items:center;padding:0}.unfold h3,.unfold img{padding:0;margin:0}.unfold img{width:24px;height:24px}.detail-list{margin:0;padding-left:1em;text-align:left}.flex{display:flex}.justify-center{justify-content:center}.flex-column{flex-direction:column;align-items:center}*{box-sizing:border-box}