.header{background-color:var(--purple);color:#fff;padding:10px;width:100%;display:flex}.header .logo{margin-right:10px;width:40px}.header h1{font-size:2em;margin:0;font-family:Cubano,sans-serif}.video-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #0003}.video-card:hover{box-shadow:0 0 10px #0006}.video-card .video-thumbnail{width:100%;height:200px;object-fit:cover}.video-card .video-info{padding:0 15px}.video-card .video-title{font-family:Cubano,sans-serif;font-size:1.2em;font-weight:700;margin:10px 0}.text{margin-bottom:10px;font-family:Roboto,sans-serif}.video-card .card-actions{display:flex;margin:10px 20px 20px;align-items:center;justify-self:baseline;gap:15px}button{transition:.2s ease}.card-actions button.success{background-color:#4caf50;color:#fff}.container{width:90%;margin:0 auto;max-width:800px}.video-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}h2{font-size:2em}.pagination{display:flex;justify-content:center;margin:20px 0;gap:2em;align-items:center}:root{font-family:Cubano,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--dark-blue: #0b6a88;--light-blue: #2dc5f4;--purple: #70327e;--violet: #9253a1;--plum: #a42963;--magenta: #ec015a;--pink: #f063a4;--light-pink: #f16164;--orange: #f89e4f;--yellow: #fcee21}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover:not(:disabled){border-color:#646cff}button:focus,button:focus-visible{outline:none}#root{width:100%}