.App,h1{text-align:center}h1{color:#fff}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#063573;color:#063573;font-family:Arial,sans-serif}.search-form{display:flex;justify-content:center;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:300px}.search-button{background-color:#fff;border:none;border-radius:4px;color:#063573;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px;transition:background-color .3s}.player-wrapper{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;overflow:hidden;padding-top:56.25%;position:relative}.iframe{height:100%;left:0;top:0;width:100%}.close-button,.iframe{border:none;position:absolute}.close-button{align-items:center;background-color:#063573;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:18px;height:30px;right:10px;top:10px;width:30px}.close-button,.video-list{display:flex;justify-content:center}.video-list{flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.video-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px;padding:15px;transition:transform .3s,box-shadow .3s;width:350px}.video-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px)}.video-item h3{font-size:18px;margin:0 0 10px}.video-item p{color:#204c73;font-size:14px}.thumbnail{border-radius:8px;cursor:pointer;height:180px;max-width:318px;transition:transform .3s,box-shadow .3s;width:100%}.thumbnail:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.error{background-color:#6a8aa6;border:1px solid #063573;border-radius:8px;color:#063573;margin-bottom:20px;padding:10px;text-align:center}
/*# sourceMappingURL=main.da926e4e.css.map*/