.portfolioImgContainer_imgMainContainer__52FSV{height:100%;width:100%}.portfolioImgContainer_changeViewContainer__jDkRE{border-radius:5px 5px 0 0;filter:drop-shadow(10px 0 10px black);background-color:#fca311}.portfolioImgContainer_changeViewContainer__jDkRE button{margin:10px;font-size:1.2rem}.portfolioImgContainer_imgcontainer__qL6Tk{height:70vh;overflow:scroll}.portfolioImgContainer_mainImg__zGKxM{height:auto;width:100%}.portfolio_child__kPsdD{display:flex;position:relative;width:100%;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;margin-top:2rem;border-bottom:1px solid #fca311}.portfolio_child__kPsdD img{width:100%;height:auto}.portfolio_child__kPsdD:hover{color:#fca311;border-color:#fff}.portfolio_child__kPsdD:hover div.portfolio_descContainer__Kx8hQ{display:flex;width:100%;flex-wrap:wrap;height:100%;overflow:scroll}.portfolio_descContainer__Kx8hQ{display:none;position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;background-color:var(--gray);color:var(--dark)}.portfolio_descContainer__Kx8hQ p{padding:1rem;background-color:var(--gray);align-self:center;justify-content:center;overflow:scroll;width:100%}.portfolio_list__NRk7k{display:flex;flex-wrap:wrap;justify-content:space-evenly}.portfolio_codescontainer__SFen0{display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio_maincontainer__P2EeT{justify-content:center;display:flex;flex-direction:column;padding:1rem;height:-moz-fit-content;height:fit-content}.portfolio_maincontainer__P2EeT .portfolio_container__7c40S{width:100%}.portfolio_portcontainer__d5ZfE{display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio_container__7c40S .portfolio_datacontainer__bH9lC{margin-left:20px}.portfolio_mainimg__gI6M1{width:100%;height:auto}.portfolio_codes__wfMrM{background-color:aliceblue;margin:.5rem;padding:.5rem;border-radius:10px;color:black;filter:drop-shadow(3px 3px 5px black)}@media screen and (min-width:750px){.portfolio_datacontainer__bH9lC{flex-direction:row}.portfolio_datacontainer__bH9lC .portfolio_col__MEN_Q{width:50%;padding:.5rem}.portfolio_container__7c40S .portfolio_imgcontainer__t80V7{width:50%}.portfolio_child__kPsdD{max-width:40%}.portfolio_child__kPsdD img{height:auto;width:100%}}@media screen and (min-width:1000px){.portfolio_child__kPsdD{max-width:30%}}@media(prefers-color-scheme:light){.portfolio_child__kPsdD{color:var(--dark)}}