.cards-container{display:grid;gap:12px;grid-template-columns:repeat(4,auto);margin-bottom:4%;padding:0 8px;place-content:center}.card-info{background-color:var(--background-white);border:1px solid #000;border-radius:4%;color:#000;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;padding:16px;transition:var(--transition-time);width:240px}.card-info h2{line-height:1em}.card-info img{align-self:center;width:60%}.card-info h3{margin:2px}.card-info p{font-size:12px;margin:0 0 20px;overflow:hidden}.card-info:hover{transform:scale(1.2)}@media(max-width:1150px){.cards-container{grid-template-columns:repeat(3,auto)}}@media(max-width:860px){.cards-container{grid-template-columns:repeat(2,auto)}}@media(max-width:580px){.cards-container{grid-template-columns:repeat(1,auto)}}header{align-items:center;background-color:var(--background-white);display:flex;height:100px;justify-content:space-around;width:100%}header a{cursor:pointer}.header_star-wars-logo img{width:180px}.back-button img{transform:rotate(180deg)}.back-button img,.next-button img{background-color:transparent;border-radius:50%;opacity:.8;transition:all .45s;width:54px}.back-button img:hover,.next-button img:hover{opacity:1}@media(max-width:400px){.header_star-wars-logo img{width:150px}.back-button img,.next-button img{width:46px}}@font-face{font-family:Bakbak One;font-style:normal;font-weight:400;src:local(""),url(assets/fonts/bakbak-one-v6-latin-regular.075448d025690fa0821509e9c2efd1d4.woff2) format("woff2"),url(assets/fonts/bakbak-one-v6-latin-regular.a96e4f2c79b725524759af9023ba1a7e.woff) format("woff")}:root{--background-white:#ebebeb;--border-rad:24px;--font-size-carousel:28px;--transition-time:450ms;--scrollbar-color:hsla(0,0%,92%,.575);--scrollbar-color-hover:hsla(0,0%,92%,.959)}body{background:url(assets/images/e5cb7045b515afb12a67.png) no-repeat #000;background-position:50%;font-family:Bakbak One,cursive;margin:0;text-align:center}main{background-color:var(--background-white);background-color:rgba(0,0,0,.473);color:#fff;display:flex;display:block;height:100px;height:80%;justify-content:space-around;margin-bottom:0;position:relative;width:100%}.main-message{font-size:3em;font-weight:700;margin:2% 12px 24px}.carousel-container{height:80%;position:relative;width:inherit}.carousel{gap:14px;height:100%;overflow-x:hidden;overflow-y:hidden;padding:36px 28px;scroll-behavior:smooth;white-space:nowrap}.carousel-element{animation:slide 1s linear;animation-iteration-count:1;border:2px solid #fff;border-radius:var(--border-rad);cursor:pointer;display:inline-block;height:85%;position:relative;transform-origin:center;transition:all .45s;width:20%}.carousel-element a{color:inherit;text-decoration:none}@keyframes slide{0%{transform:translateX(-900px)}to{transform:translateX(0)}}.carousel-element__content{align-items:center;background:linear-gradient(rgba(0,0,0,.05),#000);border-radius:var(--border-rad);bottom:0;box-sizing:border-box;display:flex;height:20%;justify-content:center;position:absolute;transition:var(--transition-time) all;width:100%}.carousel-element__content h3{font-size:var(--font-size-carousel)}.carousel-element:hover{margin:0 16px;transform:scale(1.05)}.carousel-element__image{border-radius:var(--border-rad);height:100%;object-fit:cover;width:100%}.carousel-container__left-arrow{bottom:43%;cursor:pointer;height:80px;left:2%;opacity:.3;position:absolute;transform:rotate(180deg);transition:var(--transition-time);width:80px;z-index:1}.carousel-container__left-arrow img{border-radius:50%;height:100%;width:100%}.carousel-container__left-arrow:hover,.carousel-container__right-arrow:hover{opacity:1}.carousel-container__right-arrow{bottom:43%;cursor:pointer;height:80px;opacity:.3;position:absolute;right:2%;transition:var(--transition-time);width:80px;z-index:1}.carousel-container__right-arrow img{border-radius:50%;height:100%;width:100%}@media(max-width:1100px){.carousel-element{height:90%;width:30%}}@media(max-width:600px){body{background-position:top}.main-message{font-size:2.8em}.carousel-container{height:64%}.carousel{height:100%;margin-bottom:2%;overflow-x:scroll;padding:4% 8%}.carousel::-webkit-scrollbar{background:hsla(0,0%,50%,.144);margin-bottom:2px}.carousel::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:45%;width:40%}.carousel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover)}.carousel-element{height:90%;width:60%}.carousel-container__left-arrow,.carousel-container__right-arrow{display:none}.carousel-element:hover{margin:0 12px}}.loader-container{align-items:center;background-color:rgba(0,0,0,.658);height:100%;justify-content:center;position:absolute;width:100%;z-index:10000}.loader{animation:rotate 1.5s linear infinite;border:15px solid #9595f8;border-radius:100%;border-top:15px groove blue;height:100px;width:100px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scroll-up-container{background-color:transparent;bottom:50px;height:84px;position:fixed;right:50px;width:84px;z-index:3}.scroll-up-container button{align-items:center;background:radial-gradient(rgba(252,228,49,.651) 40%,#dd8f2b);border:1px solid rgba(0,0,0,.678);border-radius:50%;cursor:pointer;display:flex;height:100%;padding:28%;transform:scale(0);transition:all .45s;width:100%}.scroll-up-container button:hover{background:radial-gradient(#fce431 40%,#dd8f2b)}@media(max-width:800px){.scroll-up-container{right:34px}.scroll-up-container button{background:radial-gradient(#fce431 40%,#dd8f2b)}}footer{align-items:center;background-color:var(--background-white);display:flex;height:100px;height:200px;justify-content:space-around;justify-content:center;width:100%}.footer_info__media{display:grid;grid-template-columns:repeat(4,25%);place-content:center;place-items:center}.footer_info__media h2{margin:0;width:80%}.footer_info__media a{text-decoration:none;transition:var(--transition-time);width:50%}.footer_info__media figure{margin:0;text-align:center;width:100%}.footer_info__media img{width:80%}.footer_info__media p{color:#000;margin:0;text-decoration:none}.footer_info__media--email:hover,.footer_info__media--github:hover,.footer_info__media--linkedin:hover{transform:scale(1.1)}@media(max-width:600px){footer{height:40%;padding:10% 0}.footer_info__media{gap:8px;grid-template-columns:100%;width:50%}}@media(max-width:400px){footer{padding:5% 0}}.notFound{background-color:rgba(0,0,0,.692);display:flex;flex-direction:column;height:80vh;justify-content:center}.notFound h1{font-size:80px;margin:0}.notFound h3{font-size:40px;margin:0}