.portfolio-container{max-height:calc(100vh - 68px - 30px - 112px);width:100%;margin:0 auto;display:flex}@media(max-width:768px){.portfolio-container{max-height:calc(100svh - 68px - 30px - 164px)}}.portfolio-wrapper{width:100%;flex-grow:1}.portfolio-header{padding:10px;display:flex;flex-direction:row;flex-wrap:wrap}.portfolio-header-tecnology{padding:5px;border:1px solid #000;margin:0 5px 10px 0;border-radius:2px;cursor:pointer}.portfolio-projects-wrapper{display:flex;justify-content:center;align-items:flex-start;height:calc(100vh - 68px - 30px - 112px - 64px);max-height:calc(100vh - 68px - 30px - 112px - 64px)}@media(max-width:768px){.portfolio-projects-wrapper{height:calc(100svh - 68px - 30px - 164px - 64px);max-height:calc(100svh - 68px - 30px - 164px - 64px)}}.portfolio-projects{display:grid;justify-content:center;gap:25px;flex-grow:1;overflow-y:scroll;max-height:calc(100vh - 68px - 30px - 112px - 64px);margin:0 0 0 5px;padding:10px 0}@media(max-width:768px){.portfolio-projects{max-height:calc(100svh - 68px - 30px - 164px - 64px);grid-template-columns:100%}}@media(min-width:769px){.portfolio-projects{grid-template-columns:repeat(2,350px)}}@media(min-width:1201px){.portfolio-projects{grid-template-columns:repeat(3,350px)}}@media(min-width:1500px){.portfolio-projects{grid-template-columns:repeat(4,350px)}}.portfolio-projects{overflow:auto;overflow:overlay;scrollbar-gutter:stable}.portfolio-projects::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:8px}.portfolio-projects:hover::-webkit-scrollbar{display:initial;width:8px}.portfolio-projects::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);width:8px}.portfolio-projects:hover::-webkit-scrollbar-thumb{background-color:#d3d3d3}.project{border:1px solid #d3d3d3;height:250px;position:relative;box-shadow:0 0 10px -6px #000,0 0 12px 1px rgba(208,234,252,.58);-webkit-box-shadow:0 0 10px -6px #000,0 0 12px 1px rgba(208,234,252,.58);-moz-box-shadow:0 0 10px -6px #000,0 0 12px 1px rgba(208,234,252,.58)}.overlay-wrapper{height:100%;display:grid;grid-template-rows:auto minmax(auto,70px);grid-template-columns:auto 50px;grid-template-areas:"content links" "badges badges"}.overlay-wrapper .overlay-content{color:#fff;grid-area:content;padding:20px;text-overflow:ellipsis;overflow:hidden}.overlay-wrapper .overlay-badges{padding:5px 10px;grid-area:badges;display:flex;flex-wrap:wrap;align-items:flex-end}.overlay-wrapper .overlay-links{grid-area:links;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5px}@media(hover:none){.overlay-wrapper{opacity:1;background:rgba(0,0,0,.8)}}.overlay-content{overflow-y:auto!important}.codeLinks{padding:5px;height:40px;background-color:#dcdcdc;background-color:#f2f2f2;box-shadow:-8px 0 10px -6px rgba(171,171,171,.58);border:1px solid #f0f0f0}