@media screen{.project_ProjectContainer__MoPsR{gap:10px;display:flex;padding:10px;flex-direction:column}.project_ProjectContainer__MoPsR h1{color:var(--tertiary-color)}.project_ProjectContainerInner__XMMrl{gap:10px;display:flex;flex-direction:column}.project_ProjectContainerNav__2hMNY{gap:30px;display:flex;padding:20px 0;overflow:hidden;overflow-x:auto;flex-direction:row;align-items:center}.project_Projectbutton__vAXGZ{cursor:pointer;font-size:1rem;font-weight:100;background:transparent;text-transform:capitalize;color:var(--background-color)}.project_Projectbutton__vAXGZ:hover,.project_active__IBpQC{color:var(--tertiary-color)}.project_active__IBpQC{text-decoration:underline}.project_PortfolioContainer__kOBIE{gap:10px;display:flex;flex-wrap:wrap;flex-direction:row}.project_PortfolioContainer__kOBIE>*{animation:project_slideIn___hetc .5s ease-in-out;animation-fill-mode:forwards;opacity:0;transform:translateX(-50px)}@keyframes project_slideIn___hetc{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.project_PortfolioItem__Ocuos{position:relative;cursor:pointer;height:400px;width:100%}.project_PortfolioInfo___dDVQ{background:rgba(238,238,238,.05);backdrop-filter:blur(10.5px);-webkit-backdrop-filter:blur(10.5px);border-radius:10px;border:1px solid rgba(255,255,255,.18);color:var(--background-color);position:absolute;display:none;padding:10px;width:100%;bottom:0}.project_PortfolioInfo___dDVQ h4{padding:10px;font-size:.8rem;font-weight:400;border-radius:12px;color:var(--background-color);background-color:var(--dark-primary-color)}.project_PortfolioInfo___dDVQ p{font-size:.8rem}.project_PortfolioItem__Ocuos:hover .project_PortfolioInfo___dDVQ{gap:10px;display:flex;flex-direction:column}.project_PortfolioItem__Ocuos:hover .project_PortfolioImage__ZPZq9{filter:brightness(50%)}.project_PortfolioImage__ZPZq9{object-position:center}.project_OpenpdfIcon__Bw5xr{top:-40px;right:10px;width:35px;height:35px;z-index:100px;cursor:pointer;position:absolute;color:var(--background-color)}.project_OpenpdfIcon__Bw5xr:hover{color:var(--tertiary-color)}}@media only screen and (min-width:48em){.project_ProjectContainer__MoPsR{gap:40px;padding:30px}.project_PortfolioItem__Ocuos{height:400px;width:300px}}