@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap";.search-box{display:flex;flex-flow:row;width:100%;gap:16px}.searchbar,.search-button{border-radius:12px}.searchbar{border:2px solid var(--red);width:90%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.search-button{background:none;padding:8px;height:40px;width:88px;font-family:Ubuntu,sans-serif;border:2px solid black}.search-icon{margin:4px}.searchbar-input{border:0px;width:80%;height:28px;font-family:Ubuntu,sans-serif;margin-right:5px}.searchbar-input:focus{outline:none}@media screen and (min-width: 768px){.search-box{width:40%}}.usage-container{display:flex;flex-direction:column;gap:4px;max-width:700px;width:100%}.usage-title{font-weight:700;font-size:16px}.usage-box{background-color:#fdd;padding:8px 16px;border-radius:25px;border:2px solid #AA1E1E;display:flex;flex-direction:row-reverse;justify-content:space-between;overflow:hidden;text-overflow:clip;font-size:14px}.usage-note{font-size:14px}@media screen and (min-width: 576px){.usage-title{font-size:var(--side-main-desktop)}.usage-box,.usage-note{font-size:16px}}@media screen and (min-width: 768px){.usage-container{width:50%}}@media screen and (min-width: 1024px){.usage-container{width:40%}}.code-card{display:flex;flex-flow:column;justify-content:center;text-align:center;align-items:center;max-width:100px}.code-card-img{width:100px;height:90px;border-radius:50%}.code-card-title,.code-title{color:var(--red);font-weight:700}.code-card-title{font-size:var(--large-font-mobile)}.code-title{font-size:var(--side-main-mobile)}.card-shadow{visibility:hidden;height:8px;width:80%;background-color:#fff}.code-card:hover{cursor:pointer}.code-card:hover .code-card-img,.code-card:hover .code-title,.code-card:hover .code-card-title{transform:translateY(-20px);transition:ease-in-out .4s}.code-card:hover .card-shadow{visibility:visible;display:block;background-color:gray;opacity:.2;box-shadow:currentColor;border-radius:75%;transition:ease-in-out .4s}@media screen and (min-width: 768px){.code-card-title{font-size:var(--large-font-mobile);margin-bottom:5px}.code-title{font-size:var(--side-main-desktop);margin-top:5px}.code-card{max-width:185px}.code-card-img{width:160px;height:150px}}.App{display:flex;flex-direction:column;justify-content:center;flex:1;padding:0 16px;max-width:500px;align-self:center;gap:16px}.action-bars{display:flex;flex-flow:column-reverse;align-items:center;gap:16px;align-self:center;width:100%}.cards-section{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;row-gap:24px;margin-top:24px;flex:1}.not-found-message{grid-column-start:1;grid-column-end:6;text-align:center}@media screen and (min-width: 768px){.App{max-width:none;padding:0 56px}.action-bars{flex-flow:row;justify-content:space-between}.cards-section{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1024px){.App{align-self:center;width:100%;padding:0 96px}.cards-section{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1440px){.App{max-width:1440px;width:100%;padding:0 96px}}*{margin:0}.codes{display:block}select{display:block;width:135px;height:36px;border:2px solid var(--red);border-radius:12px;font-family:Ubuntu,sans-serif;font-size:var(--side-main-mobile);font-weight:700;padding:5px 8px}select option:hover{box-shadow:0 0 10px 100px #1882a8 inset}.btn-code{display:none}@media screen and (min-width: 768px){.codes{display:flex;justify-content:space-around}select{display:none;font-family:Ubuntu}.btn-code{display:block;min-width:100px;max-width:157px;width:8%;height:47px;border-radius:25px;cursor:pointer;font-weight:700;font-size:var(--side-main-desktop);font-family:Ubuntu}.btn-code:first-child{color:var(--red)}}.next-icon{transform:rotate(180deg)}.hide-btn{visibility:hidden}@media screen and (min-width: 768px){.nav-button{width:130px;height:38px;font-size:18px}}.description-container{display:grid;grid-template-areas:"title" "img" "text" "usage";place-items:center;gap:16px;padding:16px;font-size:var(--side-main-mobile)}.description-title{grid-area:title;font-size:var(--large-font-mobile);color:var(--red)}.description-img{grid-area:img;width:128px;height:128px;object-fit:cover;border-radius:50%}.description-text{grid-area:text;max-width:520px;text-align:justify}.usage-container{grid-area:usage}@media screen and (min-width: 768px){.description-container{grid-template-areas:"title title" "img text" "usage usage";grid-template-columns:1fr 2fr;font-size:var(--side-main-desktop)}.description-title{font-size:var(--large-font-desktop)}.description-img{width:300px;height:300px}}.control-buttons{display:flex;flex-flow:row;justify-content:space-between}.error{display:flex;flex-direction:column;align-items:center}.img_error{width:90%}.parraf{color:var(--red);width:70%;margin:0 auto;font-family:Ubuntu;font-weight:500;font-size:18px;line-height:21px;font-style:italic;text-align:center}.parraf_1{padding-top:30px}.parraf_2{padding-bottom:30px}@media screen and (min-width: 768px){.img_error{width:572px}.parraf{width:80%;font-weight:700;font-size:var(--side-main-desktop);line-height:25px}}.not-found-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1}.nav-button{display:flex;flex-flow:row;background:#FFDDDD;border:2px solid var(--red);border-radius:25px;width:90px;height:29px;font-weight:700;font-family:Ubuntu,sans-serif;align-items:center;justify-content:space-around;font-size:12px}.nav-button:hover{cursor:pointer}.center{display:flex;align-items:center;justify-content:center;max-width:1024px;width:100%}.hidden-l{display:flex;align-items:center}.hidden-m{display:none;width:100%;font-size:18px}@media screen and (min-width: 768px){.not-found-container{flex:none}.hidden-l{display:none}.hidden-m{display:flex;justify-content:center;align-items:center}.nav-button{height:40px;width:166px;font-size:24px;font-weight:400}}.header{align-items:center;display:flex;flex-direction:row;padding:16px}.header-img{width:120px;cursor:pointer}.titles-info{display:flex;flex-direction:row;align-items:center;flex-direction:column;justify-content:center}.main-title{font-size:var(--large-font-mobile);font-weight:700;color:var(--red);padding-bottom:4px}.side-title{font-weight:600;text-align:center;font-size:var(--side-main-mobile)}@media screen and (min-width: 320px){.main-title{font-size:20px}.side-title{font-size:12px}}@media screen and (min-width: 502px){.titles-info{margin:auto}.main-title{font-size:var(--large-font-desktop)}.side-title{font-size:var(--side-main-desktop)}}@media screen and (min-width: 768px){.titles-info{margin:0;width:100%;justify-content:space-between;flex-direction:row}.main-title{min-width:250px}.side-title{max-width:350px}}.footer-container{display:flex;flex-direction:column;align-items:center;gap:8px;background-color:var(--red);padding:16px;text-align:center;color:#fff;font-weight:700;font-size:14px}.social-box{display:flex;justify-content:center;align-items:center;gap:16px}.icon{fill:#fff;width:24px;height:24px;transition:transform .1s linear}#openbootcamp{width:96px;transition:transform .1s linear}.icon:hover,#openbootcamp:hover{transform:scale(1.1)}@media screen and (min-width: 768px){.footer-container{font-size:16px}.icon{width:40px;height:40px}#openbootcamp{width:128px}}.spinner{display:flex;flex:1;flex-flow:column;justify-content:center;align-items:center}.animation{max-width:300px}.spinner-title{color:var(--red);font-size:var(--large-font-mobile);transform:translateY(-50px)}@media screen and (min-width: 768px){.spinner-title{font-size:var(--large-font-desktop)}}:root{font-family:Ubuntu,sans-serif;--red: #AA1E1E;--large-font-mobile: 24px;--large-font-desktop: 34px;--side-main-desktop: 20px;--side-main-mobile: 14px}#root{display:flex;flex-direction:column;min-height:100vh;gap:32px}*{box-sizing:border-box}