#portfolioContainer{background-color:#264653;width:100vw;position:absolute;left:0;top:0}#portfolioContainer .portfolioGrid{padding-top:120px;width:100vw;height:100vh;display:grid;grid-template-areas:"item1 item2 item4" "item3 item2 item5"}@media(max-width:1100px){#portfolioContainer .portfolioGrid{padding-top:0;grid-template-areas:"item1" "item2" "item3" "item4" "item5";height:auto}#portfolioContainer .portfolioGrid div{height:50vh}#portfolioContainer .portfolioGrid div:nth-child(2){height:100vh}}#portfolioContainer .portfolioGrid div{background-size:cover;background-repeat:no-repeat;background-position:50%}#portfolioContainer .portfolioGrid div:hover div{opacity:1!important}#portfolioContainer .portfolioGrid div:hover div h1,#portfolioContainer .portfolioGrid div:hover div span{-webkit-transform:translate(0)!important;transform:translate(0)!important}#portfolioContainer .portfolioGrid div div{height:100%;width:100%;opacity:0;background-color:#2f0167;-webkit-transform-origin:left;transform-origin:left;-webkit-transition:all .5s ease;transition:all .5s ease}#portfolioContainer .portfolioGrid div div div{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#portfolioContainer .portfolioGrid div div div h1,#portfolioContainer .portfolioGrid div div div span{-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(-50px);transform:translateY(-50px)}#portfolioContainer .portfolioGrid div div div span{font-style:italic}#portfolioContainer .portfolioGrid div div div img{width:40px;height:40px;margin-top:20px;-webkit-animation:float-x 2.5s ease-in-out infinite;animation:float-x 2.5s ease-in-out infinite}#portfolioContainer .portfolioGrid .item1{grid-area:item1}#portfolioContainer .portfolioGrid .item2{grid-area:item2;background:#e9c46a}#portfolioContainer .portfolioGrid .item3{grid-area:item3;background:#f4a261}#portfolioContainer .portfolioGrid .item4{grid-area:item4;background:#e76f51}#portfolioContainer .portfolioGrid .item5{grid-area:item5;background:#2a9d8f}