.project-box{position:relative;background-color:var(--tc-grey-light);box-shadow:0 1px 2px rgba(from var(--tc-grey-light-3) r g b/.5),0 1px 2px rgba(from var(--tc-grey-light-3) r g b/.5);border-radius:5px;padding:10px;overflow:hidden}.project-image-cover{box-shadow:0 1px 2px rgba(from var(--tc-grey-light-3) r g b/.5),0 1px 2px rgba(from var(--tc-grey-light-3) r g b/.5);height:250px;border-radius:5px;overflow:hidden}@media (max-width: 768px){.project-image-cover{height:200px}}.project-image-cover img{width:100%;height:100%;object-fit:cover;object-position:center center}.project-links{text-transform:capitalize;margin-top:.5rem;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:5px}.project-links .project-link-wrapper{display:flex;align-items:center;justify-content:flex-start}.project-links .project-link{text-align:left;font-size:1rem;display:flex;align-items:center;position:relative}.project-links .project-link:not(:last-child){padding-right:15px}.project-links .project-link:not(:last-child):after{content:"\f111";font-size:.25rem;font-weight:900;font-family:"Font Awesome 6 Free";position:absolute;right:5px}.project-links .project-link a{display:flex}.project-links .project-link a:hover{text-decoration:underline}.project-links .project-link i{color:var(--tc-blue-dark-3)}body.dark-mode .project-image-cover{box-shadow:0 1px 2px rgba(from var(--tc-blue-dark-2) r g b/.5),0 1px 2px rgba(from var(--tc-blue-dark-2) r g b/.5)}body.dark-mode .project-link i{color:var(--tc-white)}body.dark-mode .project-box{background-color:var(--tc-blue-dark-5);box-shadow:0 1px 2px rgba(from var(--tc-blue-dark-2) r g b/.5),0 1px 2px rgba(from var(--tc-blue-dark-2) r g b/.5)}.project-image-cover{height:300px}@media (max-width: 992px){.project-image-cover{height:250px}}.project-data{padding:20px 10px 5px;transition:opacity .3s linear;height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-txt{text-align:left;font-size:1.1rem;line-height:1.7rem;display:flex;flex-direction:column;justify-content:flex-end}@media (max-width: 992px){.project-txt{font-size:1rem}}.project-txt .project-name{font-size:1.2rem;font-weight:700}.project-txt .project-name:first-letter,.project-txt .project-description:first-letter{text-transform:capitalize}.project-links{height:unset;position:relative;opacity:1}