body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.App{display:flex;flex-direction:column;min-height:100vh}.container{display:flex;flex-direction:column;flex:1}.main{padding:20px 20px 80px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:10px;width:100%}.card-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:50px;border-radius:8px;width:100%}.card-item{display:flex;flex-direction:column;align-items:center;max-width:300px;gap:10px}@media (min-width: 1025px){.container{flex-direction:row-reverse}.main{flex:1}.card-container{width:auto;justify-content:space-around}}.navbar{display:flex;width:100%;height:60px;background-color:#c41c1c;color:#fff3b0;flex-direction:row;position:relative;border-top-left-radius:5px;border-top-right-radius:5px}.menu-button{border:none;background-color:transparent;display:block;box-sizing:border-box;width:60px;height:60px;color:#fff;outline:none}.logo{flex:1;box-sizing:border-box;margin:0}.logo img{max-width:100%;max-height:60px;padding:10px 8px;box-sizing:border-box}.bar{display:none;position:absolute;left:0;width:85%;background-color:#db2323;height:100dvh}.bar.active{display:flex;outline:none}.menu{padding:0;margin:0;list-style-type:none;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start;width:100%}.menu .item{display:flex;width:100%}.menu .item a{text-decoration:none;color:#fff;padding:8px 16px;width:100%}.menu .item a:hover,.menu .item a:focus{text-decoration:none;color:#fff;padding:8px 16px;display:flex;background-color:#e09f3e}@media screen and (min-width: 769px){.menu-button{display:none}.menu{display:flex;flex-direction:row}.bar{display:flex;align-items:center;max-height:100%;width:auto;background-color:#c41c1c;position:unset}.menu .item a:hover{padding:0 16px;height:30px;align-items:center;border-radius:5px;color:#fff;font-weight:bolder}}@media screen and (min-width: 1024px){.menu{display:none}}.card{border:1px solid #636363;border-radius:8px;padding:16px;background-color:#fff;box-shadow:0 2px 3px 1px #00000059;min-width:150px;width:300px;max-width:400px;min-height:120px;display:flex;align-items:center;gap:10px;justify-content:center}.card-description{display:flex;flex-direction:column;gap:6px}.card img{width:100px;height:90px;border-radius:4px;margin-bottom:8px;object-fit:cover}.custom-button{border:none;background-color:#0e6ba8;color:#fff;padding:12px 16px;border-radius:20px;font-weight:700;cursor:pointer;max-width:80px;font-size:.7rem}.custom-button:hover{background-color:#e09f3e;color:#fff}.footer{display:flex;justify-content:center;align-items:center;background-color:#cc1818;text-align:center;height:60px;color:#fff;width:100%}.sidebar{display:none;width:300px;height:100%;background-color:#a01010;padding:10px}.sidebar .item-sidebar{list-style-type:none;display:flex;flex-direction:column;gap:8px}.sidebar .item-sidebar a{text-decoration:none;padding:8px;width:100%;color:#fff}.sidebar .item-sidebar a:hover,.sidebar .item-sidebar a:focus{color:#fff;background-color:#e09f3e;border-radius:4px}@media (min-width: 1024px){.sidebar{display:flex;flex-direction:column}}