.header{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;margin-bottom:20px;margin-top:20px}.header-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:10px}.header-subtitle{font-size:18px;text-align:center}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Open Sans,sans-serif;font-size:16px;line-height:1.5;color:#555;background-color:#f5f5f5;padding:0;margin:0}body{background-color:#f7f7f7}.app-container{max-width:1000px;margin:0 auto;padding:0 20px}.spotlight__wrapper{background-color:#fff;border-radius:10px;padding:50px;box-shadow:0 0 30px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center}.spotlight__wrapper h2{text-align:left;margin-left:0}.spotlight__input{width:100%;max-width:500px;height:60px;border:none;border-radius:5px;font-size:1.4rem;color:#4f4f4f;background-image:url(${lens});background-repeat:no-repeat;background-position:15px center;background-size:24px;padding-left:50px;box-shadow:0 0 5px #0000004d;flex:1}.spotlight__input-wrapper{display:flex;align-items:center}.spotlight__input::placeholder{color:#bdbdbd}.spotlight__answer{margin-top:10px;text-align:left;font-size:1.2rem;color:#4f4f4f;line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.spotlight__answer p{margin-bottom:10px}h1{font-size:3rem;color:#212121;margin-bottom:10px;text-align:left;margin-left:20px}h2{font-family:Open Sans,sans-serif;font-size:2rem;color:#4f4f4f;margin-bottom:20px;text-align:left;margin-left:20px}h3{font-size:1.8rem;color:#212121;margin-bottom:10px;text-align:left;margin-left:20px}a{color:#06c;text-decoration:none;transition:all .3s ease-in-out}a:hover{color:#004080;text-decoration:underline}.footer{display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;height:50px;width:100%;bottom:0;margin-top:auto;padding:10px;box-sizing:border-box}.footer a{text-decoration:none;color:#3c3c3c}.footer a:hover{color:#000}@media only screen and (max-width: 768px){.app-container{padding:0 20px}.spotlight__wrapper{padding:20px}h1{font-size:2.4rem}h2{font-size:2rem}h3{font-size:1.6rem}}.spotlight__submit{height:60px;width:60px;background-color:#4f4f4f;border:none;border-radius:5px;font-size:1.4rem;color:#fff;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 0 5px #0000004d;margin-left:10px;vertical-align:middle}.spotlight__submit:hover{background-color:#333}.spotlight__section{text-align:left;margin-top:20px}.spotlight__section h2{font-size:2.2rem;color:#212121;margin-bottom:10px;text-align:left;margin-left:0}.generated-text{text-align:left;margin-top:20px;margin-bottom:20px}.generated-text h2{font-size:1.8rem;color:#555;margin-bottom:10px;text-align:left}.generated-text p{font-size:1.2rem;color:#4f4f4f;line-height:1.5;margin-top:10px;margin-bottom:10px}.spotlight__wrapper h2{margin-left:20px}html,body,#root{height:100%;font-size:14px;font-family:arial,sans-serif;margin:0}