:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;padding:1.25rem;min-width:20rem;min-height:100vh;gap:20px}h1{font-size:3.2em;line-height:1.1}p{max-width:740px}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:.5rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#747bff}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}.exit-button{display:flex;justify-content:center}#exit{color:#646cff}.exercises-grid{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;gap:15px}.grid-tema{display:flex;gap:5px;flex-direction:column}.grid-tema h3{color:#ffd000}.grid-tema button{background-color:#484db4}.grid-tema button:hover{background-color:#ffffffde;color:#747bff;border:1px solid #747bff}.ex13{display:flex;gap:10px;justify-content:center;align-items:center}.square{width:12.5rem;aspect-ratio:1}.blue{background-color:#3b78d7}.green{background-color:#8fbc8f}.yellow{background-color:#daa520}.ex14{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:50px}.movie-card{display:flex;flex-direction:column;background-color:#c7c9f710;padding:5px;border-radius:10px;max-width:200px;min-width:150px;gap:5px}.movie-img{border-radius:10px}.movie-title{text-align:center;font-size:16px}.movie-overview{margin-top:0;padding:2px}.ex21-2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.container-ex21{display:flex;flex-direction:row;align-items:center;gap:20px}.categories-select{background-color:#3b78d7;width:auto;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:large;border-radius:5px}.selected-category{display:flex;background-color:#2f4f4f;color:#fff;align-items:center;height:fit-content;border-radius:5px}.movies-list{display:flex;flex-direction:column;gap:5px}.container-li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.title-movie-li{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:700}.show-hide-description{display:flex;align-items:center;justify-content:center;height:fit-content;background-color:#3b78d7;border:1px solid white;border-radius:5px;padding:5px;max-width:150px}.show-hide-description.show-hide-description:hover{cursor:pointer}.movie-desc{font-style:italic}.ex23{display:flex;flex-direction:column;align-items:center;gap:10px}.input-text{background-color:#e2e3ee;width:250px;height:30px;font-size:20px;color:#1a1a1a}.container-keydowns{width:250px;height:30px;background-color:#3b78d7;border:2px solid white;border-radius:5px;color:#fff;font-size:20px;display:flex}.select-colors{margin:15px;min-width:100px}.box{width:100px;height:100px;margin:30px;border-radius:15px}.bg-red{background-color:red}.bg-blue{background-color:#00f}.bg-green{background-color:green}.large-desc{display:flex;align-items:center;justify-content:center;height:fit-content;background-color:#3b78d7;border:1px solid white;border-radius:5px;padding:5px;max-width:500px}.ex42{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.validate{background-color:#3b78d7;color:#fff;width:fit-content;height:fit-content;padding:4px}.error{color:red}.valid{color:green}.ex61{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:50px}.ex62{display:flex;gap:50px}.overview-credits-movie{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.movie-credit{font-style:italic}.ex63{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:50px}.actor-card{display:flex;flex-direction:column;background-color:#c7c9f710;padding:5px;border-radius:10px;max-width:150px;min-width:75px;gap:5px}.actor-img{border-radius:10px}.actor-name{text-align:center;font-size:12px}