.navBar{align-items:center;background-color:#ba486e;flex-direction:row;height:4rem;padding:0 2.5rem;position:fixed}.menuNav,.navBar{display:flex;width:100%}.menuNav{justify-content:space-between;list-style:none}.gearIcon,.homeIcon,.micIcon{color:#fff;cursor:pointer;height:1.6rem;width:1.6rem}.micIcon{justify-self:flex-end;margin-right:1rem}@media screen and (max-width:768px){.navBar{padding:0 1.5rem}.gearIcon,.homeIcon{height:1.4rem;width:1.4rem}}@media screen and (max-width:420px){.navBar{padding:0 .5rem}.micIcon{margin-right:.5rem}}*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}body{background-color:#ff5192}.link{border:2px solid #fff;border-radius:.5rem;display:flex;flex-direction:column;justify-self:center;text-decoration:none}.name{border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-size:1.3rem;font-weight:800}.name,.year-of-birth{background-color:#d9447a;color:#fff;padding:.5rem 0;text-align:center}.year-of-birth{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-weight:600}.actor-image-section{display:flex;flex-direction:row;justify-content:center}.actor-img{height:17rem;width:14rem}.home-contain{height:auto;min-height:100vh;padding-bottom:5rem}.container{display:flex;flex-direction:column;justify-content:center;padding-top:5rem}h1{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2.5rem;font-weight:800;padding:2rem 0 1rem;text-align:center}.characters-main-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:4rem}.input{display:flex;flex-direction:row;justify-content:center;position:fixed;right:8rem;top:1rem}.inputField{background-color:#fff;border:1px solid #ba486e;border-radius:1rem;height:2.2rem;padding-left:1rem;width:15rem}.inputField::-webkit-input-placeholder{color:#a8b2b3;font-weight:700}.inputField::placeholder{color:#a8b2b3;font-weight:700}@media screen and (max-width:1024px){.characters-main-section{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.characters-main-section{grid-template-columns:1fr}.input{left:0;right:0}h1{font-size:2rem;padding:1rem 0 0}}@media screen and (max-width:420px){.inputField{height:2rem;width:10rem}}.details-container{height:100vh;margin:0 auto 5rem;padding-top:7rem}.card-container,.details-container{align-items:center;display:flex;flex-direction:column}.card-container{background-color:#f1e6b9;border:1px solid #fff;border-radius:.5rem;height:50rem;width:25rem}.charc-name{background-color:#342625;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;font-size:1.2rem;margin:0 auto 1rem;padding:1rem 0;text-align:center;width:24.9rem}.info{display:flex;flex-direction:column}.actor-image{height:17rem;padding-bottom:1rem;width:12rem}.list{display:flex;flex-direction:row;height:auto;list-style:none;min-height:2rem}table{border:2px solid #000;border-collapse:collapse;margin-bottom:1.5rem;width:20rem}td{border:1px solid #000;border-collapse:collapse;padding-left:.5rem;padding-top:.3rem;width:10rem}td:nth-of-type(2n){font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-style:italic;font-weight:700;padding-left:0;text-align:center}.tick{color:#5c7e3c;height:1.5rem;width:1.5rem}.close{color:red;height:1rem;width:1rem}.fe-gender,.gender{color:#a693e3;height:1.3rem;width:1.3rem}.fe-gender{color:#c8798a}@media screen and (max-width:768px){.details-container{padding-top:7rem}.card-container{width:22rem}.charc-name{width:21.9rem}table{width:18rem}td{width:9rem}}@media screen and (max-width:420px){.card-container{width:19rem}.charc-name{width:18.9rem}table{width:16rem}td{width:8rem}}.details-main-section{padding-bottom:15rem}.footer{align-items:center;background-color:#ba486e;bottom:0;display:flex;flex-direction:row;height:3rem;justify-content:center;margin-top:2rem;position:fixed;width:100%}p{color:#fff;font-size:1.2rem;font-weight:500;text-align:center}@media screen and (max-width:768px){p{font-size:1rem}}@media screen and (max-width:420px){p{font-size:.8rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.3111db76.css.map*/