body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0}.App{padding:20px;text-align:center}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-header h1,.App-header h2{margin:0}@media (max-width:768px){.App-header h1{font-size:24px}.App-header h2{font-size:18px}}.App-description{align-items:center;display:flex;flex-direction:column;margin-top:20px;padding:0 20px}.image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px auto}.image-wrapper{align-items:center;border:1px solid #ccc;display:flex;flex-direction:column;max-width:100%;padding:10px}.image-title{font-size:18px;font-weight:700;margin-top:10px}.image{height:auto;max-width:400px;width:100%}.App-text{font-size:18px;margin-top:20px;max-width:800px;text-align:left}.App-text p{margin-bottom:20px}.videos-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.video-container{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:20px}.video{max-height:400px;width:100%}.video-caption{font-size:16px;font-weight:700;margin-top:10px}.App-footer{background-color:#282c34;color:#fff;margin-top:40px;padding:20px;width:100%}.App-footer h4{margin-top:0}@media (min-width:768px){.videos-container{flex-direction:row}.video{max-height:300px}}@media (max-width:768px){.App-text{font-size:16px}.image{max-width:100%}.video{max-height:200px}}table{border-collapse:collapse;margin:20px auto;max-width:800px;width:100%}table,td,th{border:1px solid #ddd}td,th{padding:12px;text-align:left}.download-button{background-color:#283040;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.download-button:hover{background-color:#030303}.h4-section{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;padding:20px}.h4-section h4{margin-top:0}.h4-section .image-container{display:flex;justify-content:center;margin-top:20px}.h4-section .image-wrapper{max-width:100%;width:80%}.h4-section .image{height:auto;width:100%}
/*# sourceMappingURL=main.f059dcfc.css.map*/