@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}body{background:linear-gradient(to bottom,#f1fcf368,#6f9b7a7d);font-family:Outfit,serif;font-optical-sizing:auto;font-style:normal;text-align:center;margin:0;padding:30px 0;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{height:inherit}.logo-container{margin-bottom:15px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:500;color:#153a21}.app-container{overflow:hidden}.mainFormDiv{margin:auto auto 20px;width:93%;max-width:500px;background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000004d;text-align:center}h1{color:#1e512f;font-size:24px;font-weight:600;margin-bottom:15px}button{background:#1e512f;color:#fff;margin-top:16px;padding:12px 18px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:.3s;box-shadow:0 3px 6px #0000001a}button:hover{background-color:#367d54;transform:scale(1.05)}.camera-container{display:flex;flex-direction:column;align-items:center;background:#f8f9fa;padding:10px;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin-top:15px}video{width:100%;max-width:400px;border-radius:10px;border:2px solid #ddd;background:#000}img{width:100%;max-width:400px;margin-top:15px;border-radius:10px;box-shadow:0 4px 10px #0003}.input-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:400px;margin:10px auto 0}.location-label{text-align:left;margin-bottom:8px;font-weight:500;color:#1e512f}.prompt-box{margin:0;width:100%;display:flex;flex-direction:row;align-items:center;gap:10px}.prompt{margin:0;flex:1;width:90%;max-width:300px;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;text-align:center;transition:border-color .3s}.submitButton{margin-top:0}.prompt:focus{border-color:#007bff;outline:none;box-shadow:0 3px 6px #007bff33}.outputDiv{margin:20px auto;width:93%;max-width:500px;background:#f8f9fa;border-radius:15px;border:1px solid #ddd;box-shadow:0 5px 15px #0000004d;padding-left:10px;padding-right:10px}.output{margin:0;background:inherit;padding:10px 25 px;font-size:16px;font-weight:500;word-wrap:break-word;border-radius:10px}.cameraIcon{width:30px}.form{display:flex;flex-direction:column}.pictureBefore .pictureAfter{width:80%}@media screen and (max-width: 600px){main{padding:20px}h1{font-size:20px}}