body{background:#0f1228;color:#e7e9fe;font-family:Roboto Slab,serif;overflow-x:hidden}.App{justify-content:center}.App,.head-container{display:flex;flex-direction:column}.head-container{align-items:center;margin-top:5rem}.head-image{transition:max-width 1s,min-width 1s;width:auto}.head-image-expanded{max-width:250px;min-width:250px}.head-image-contracted{max-width:60px;min-width:40px}.head-text{font-family:Uchen,serif;margin:5px 0 15px;transition:font-size 1s}.head-text-expanded{font-size:36px}.head-text-contracted{font-size:12px}.result-name-card{background-color:#282d4f;border-radius:10px;box-shadow:0 0 5px hsla(0,0%,100%,.1);color:#e7e9f0;display:flex;justify-content:center;margin:10px 15px;min-width:75px;padding:10px 20px;transition:background .35s}.result-name-card:hover{background:#4a5079;box-shadow:0 0 5px hsla(0,0%,100%,.2)}.result-name{font-weight:100;margin:0}.card-link{text-decoration:none}.results-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:5rem;padding:20px 40px}.search-container{display:flex;justify-content:center;margin:0 10px 10px}.search-input{background:#a592f2;border-radius:50px;border-width:0;box-shadow:0 0 5px hsla(0,0%,100%,.5);color:#e7e9f0;font-size:15px;height:30px;padding:8px 15px;width:300px}.search-input::-webkit-input-placeholder{color:#e7e9f0}.search-input::placeholder{color:#e7e9f0}.search-input:focus{outline:none}@media only screen and (max-width:420px){.search-input{width:250px}}.footer{background:#0f1228;bottom:0;font-family:Taviraj,serif;left:0;margin-top:1rem;padding:1rem;position:fixed;text-align:center;width:100%}.footer p{margin:0}.footer-link{color:#e7e9fe;text-decoration:none}@media only screen and (max-width:420px){.footer{padding:0}.footer p{margin:8px auto}}.navbar{background:#0f1228;font-family:Taviraj,serif;left:0;margin-bottom:2rem;padding:0;position:fixed;top:0;width:100%}.navbar ul{display:flex;flex-direction:row;justify-content:space-around;list-style:none;margin:.5rem 10rem;padding:0}.list-item{margin:0;padding:0}.list-item-link{color:#e7e9fe;display:flex;font-size:1.1rem;margin:0;padding:12px 0;text-decoration:none}.list-item-icon{margin:auto 4px auto auto}.list-item-title{margin:auto auto auto 4px}@media only screen and (max-width:420px){.list-item-title{display:none;margin:auto}.navbar ul{margin:auto}.list-item-icon{font-size:1.4rem}}@media only screen and (max-width:800px){.navbar ul{margin:.5rem 0}}
/*# sourceMappingURL=main.47c7a846.css.map*/