.containerr{display:flex;flex-direction:column;justify-content:center;align-items:center}.containerr .label{padding:8px 16px;background:var(--lime-green);border-radius:var(--border-radius-label);margin-bottom:20px;font-size:1em;font-weight:700}.containerr .logo-app{width:60%;margin:auto;object-fit:contain;object-position:center}.root{padding:2em 3em;margin:auto;max-width:100%;min-height:100vh;background:var(--geist-foreground);border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:1em}@media (min-width: 768px){.root{width:auto;height:auto}}.rickmorty-card{width:13.25em;height:17.25em;border-radius:var(--border-radius);border:none;outline:none;cursor:pointer;box-shadow:var(--box-shadow-card)}.rickmorty-card .info{margin-top:10px}.rickmorty-card .info .character-name{font-weight:700;color:var(--dark-blue);font-size:16px}.rickmorty-card .info .character-info{font-size:10px;font-weight:400}.rickmorty-card.flipped .inner{transform:rotateY(180deg)}.rickmorty-card.default-active{cursor:not-allowed}.inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:.6s cubic-bezier(.38,.02,.09,1.66) all}.rickmorty-card .front,.rickmorty-card .back{display:flex;justify-content:center;padding:0 15px;border-radius:var(--border-radius);position:absolute;top:0;left:0;height:100%;width:100%;backface-visibility:hidden}.disappear{opacity:0;transition:opacity 1s ease-out;box-shadow:none}.avatar{border-radius:var(--border-radius);height:180px;width:180px;object-fit:contain;object-position:center}.rickmorty-card .front{background:var(--white);transform:rotateY(180deg);display:flex;flex-direction:column}.rickmorty-card .back{background-color:var(--aqua-blue);transition:.3s ease all;background-image:url(/ricky_morty_img.png);background-size:180px;background-repeat:no-repeat;background-position:center}@media (max-width: 768px){.rickmorty-card{display:flex;justify-content:center;align-items:center;flex-direction:column;width:10em;height:15.25em}.avatar{height:135px;width:135px}.rickmorty-card .back{background-size:145px}}.card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.card-list{grid-template-columns:repeat(2,1fr);gap:8px;justify-content:center;align-content:center;justify-items:center;align-items:center}}.btn{padding:.3em 3.3em;border-radius:var(--border-radius);border-width:0 0 4px 4px;border-style:solid;display:inline-flex;color:var(--dark-blue);box-shadow:var(--box-shadow-link);cursor:pointer;text-transform:capitalize;font-weight:600;font-size:24px;text-decoration:none}.btn.primary{background-color:var(--aqua-blue);border-color:var(--lime-green)}.btn.primary:hover{transition:background-color .2s ease-in-out;background-color:var(--primary-turquoise-blue-hover);border-color:var(--yellow-green)}.btn.primary:active{background-color:var(--primary-teal-active);border-color:var(--yellow-green);color:var(--white)}.btn.secondary{background-color:var(--lime-green);border-color:var(--aqua-blue)}.btn.secondary:hover{transition:background-color .2s ease-in-out;background-color:var(--secondary-olive-hover);border-color:var(--aqua-blue)}.btn.secondary:active{background-color:var(--secondary-olive-dark-active);border-color:var(--aqua-blue);color:var(--white)}.container-link{display:flex;justify-content:center;margin-top:30px}.title{font-size:24px;font-weight:700;color:var(--black);margin:24px 0}.congrats-content{display:flex;flex-direction:column;gap:10px}.congrats-content .congrats-title{font-size:28px;color:var(--dark-blue);font-weight:700}.congrats-content .congrats-text{font-size:18px;font-weight:500}.btn-reset{max-width:240px;height:53px;border-radius:var(--border-radius);border-width:0 0 4px 4px;border-style:solid;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 80px;color:var(--dark-blue);box-shadow:var(--box-shadow-link);cursor:pointer;text-transform:capitalize;font-weight:600;font-size:24px;text-decoration:none;background-color:var(--aqua-blue);border-color:var(--lime-green)}.btn-reset:hover{transition:background-color .2s ease-in-out;background-color:var(--primary-turquoise-blue-hover);border-color:var(--yellow-green)}.btn-reset:active{background-color:var(--primary-teal-active);border-color:var(--yellow-green);color:var(--white)}.root-buttons{display:flex;justify-content:space-between;margin-top:1.7em;gap:20px}@media (max-width: 768px){.root-buttons{display:flex;flex-direction:column;gap:15px}}.information{display:flex;width:100%;justify-content:space-between;margin-bottom:20px}.information .character-text{color:var(--black);font-weight:700;font-size:24px}@media (max-width: 768px){.information{display:flex;flex-direction:column;margin:0}.information .character-text{font-size:16px;font-weight:700;color:var(--black)}}.container{height:100vh;display:flex;justify-content:center;flex-direction:column;color:var(--white)}.container .notFound-title{font-size:18.4em;font-weight:700}.container .logo{height:1em;width:1em;object-fit:contain;object-position:center}.container .content-notFound{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:25px}@media (max-width: 768px){.container .notFound-title{font-size:8em;font-weight:700}}:root{--geist-background: #1C1D3B;--geist-foreground: #FFFAC2;--aqua-blue: #A2F2F9;--lime-green: #D8E054;--yellow-green: #E6EC59;--dark-blue: #233A59;--black: #000;--white: #fff;--box-shadow-link: -1px 1px 4px rgba(0, 0, 0, .2);--box-shadow-card: 0px 4px 6px -2px rgba(0, 0, 0, .2);--border-radius: 8px;--border-radius-label: 25px;--primary-turquoise-blue-hover:#49D5E1;--primary-teal-active: #1A7A83;--secondary-olive-hover: #B1B83B;--secondary-olive-dark-active: #73781C}*,*:before,*:after{box-sizing:border-box}a{-webkit-tap-highlight-color:transparent}@media (any-hover: hover){a:hover{-webkit-tap-highlight-color:transparent}}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--geist-background);display:flex;justify-content:center;font-family:Montserrat,sans-serif}ul,ol{list-style:none}a:not([class]){text-decoration:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}