:root{color-scheme:light dark;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#dinosaurs{margin:40px auto;max-width:1440px}#search{background-color:#e3f5f8;width:450px;display:flex;color:#e4f4f7;border-radius:20px;padding:15px 30px;height:auto;gap:15px;align-items:center;margin:40px auto}#search input{font-size:20px;border:none;background-color:transparent;color:#46a2b2;font-family:Funnel Sans,sans-serif;font-weight:600;width:100%}#search input:focus{outline:none}#search input::placeholder{color:#4fb0c1}#search img{width:22px;fill:#0ff}#dinolist{padding:0 30px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:30px;box-sizing:border-box}#dinolist li{list-style:none;background-color:#fff;box-shadow:0 0 15px #352d471f;min-width:200px;padding:20px;border-radius:15px;display:flex;justify-content:center;gap:15px;align-items:center;flex:0 1 calc(25% - 30px);cursor:pointer;flex-wrap:wrap}#dinolist li p{color:#508b8b;font-family:Nunito Sans,sans-serif;font-weight:800;font-size:20px;margin:0}.dietLogo{height:35px;background-color:#e3f5f8;border-radius:100%;padding:5px}.blur{position:fixed;background-color:#ffffff49;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:center;padding:30px 50px}.dinoInfo{background-color:#f5f7f8;position:relative;width:700px;max-height:100vh;border-radius:30px;box-shadow:0 0 100px #1411171e;padding:20px;overflow-y:auto;outline:4px solid rgb(255,255,255);outline-offset:2px}.closeBtn{position:absolute;top:10px;right:15px;background-color:#b3dde6;border-radius:100%;padding:10px;border:none;cursor:pointer;z-index:1001}.closeBtn img{width:20px}.dinoImage{height:250px;border-radius:20px;display:block;margin:0 auto;box-shadow:0 0 20px #11151725}.dinoInfo h2{font-family:Lexend,sans-serif;color:#2b8392;font-size:33px;text-align:center;margin:10px 0 5px}.aboutDino{color:#46a3b4;font-family:Nunito Sans,sans-serif;font-weight:700;font-size:22px;margin:0;text-align:center;background-color:#d9ebef;border-radius:20px;padding:10px}.information{margin:20px 0;background:linear-gradient(to bottom,#51adbd,#7bc3cf,#95d6e2);padding:10px 25px;border-radius:30px}.description{font-family:Nunito Sans,sans-serif;color:#1b6977;font-weight:700;font-size:20px;margin:10px 0}.lightText{color:#fff}.credits{color:#51adbd;font-family:Arial,sans-serif;font-size:13px;text-align:center;margin:0 0 5px}#about h1{color:#5197a4;font-family:Poppins,sans-serif;font-weight:700;text-align:center}#about{max-width:1200px;margin:20px auto;background-color:#fff;padding:30px;font-size:20px}#about p{color:#62acb9;font-family:Public Sans,sans-serif;margin:20px 0;font-size:19px;font-weight:600;background-color:#ecf6f8;padding:30px;border-radius:30px}#instructions{padding:20px}#instructions h2{color:#549ca9;font-family:Poppins,sans-serif;font-size:23px;margin:15px}#instructions li{font-family:Nunito Sans,sans-serif;font-weight:700;display:flex;align-items:flex-end;gap:15px;list-style:none;margin:20px 0}#instructions li img{width:37px;box-shadow:0 0 5px #77b1bf3e;border-radius:100%;padding:5px}#carnivorous{color:#bf4a46}#herbivorous{color:#61a35b}#piscivorous{color:#4087eb}#omnivorous{color:#e6488a}#dietunknown{color:#40738a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;height:100%}header{max-width:100%;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:0 0 15px #352d471f;box-sizing:border-box}header h1{display:flex;align-items:center;color:#66aeba;font-family:Cherry Bomb One,sans-serif;gap:10px;margin:0;font-size:35px;max-width:100%;flex-shrink:1}header img{width:80px}header nav{box-sizing:border-box;display:flex;gap:25px}header nav a{font-family:Lexend,sans-serif;font-weight:800;background-color:#66aeba;color:#fff;text-decoration:none;padding:10px 0;width:110px;text-align:center;border-radius:17px;cursor:pointer}