.portfolio{display:flex;flex-direction:column;align-items:center;margin-top:100px}.portfolio-container{display:flex;justify-content:center;width:100vw;flex-wrap:wrap}.portfolio-inner-container{width:30vw;height:20vw;max-height:200px;min-width:300px;overflow:hidden;margin:10px;border:1px solid #1e90ff;border-radius:10px}.portfolio-inner-container img{width:30vw;min-width:300px}.portfolio .portfolio-container img:hover{filter:grayscale(0)}.img-holder{height:250px;overflow:none}.more-btn{margin:10px;text-align:center;color:#1e90ff;border:2px solid #1e90ff;border-radius:30px;padding:15px 20px}.modal{width:100vw;height:100vh;top:10vh;background-color:rgba(0,0,0,.8);position:fixed;z-index:99999999999}.modal .img-div{width:80vw;height:80vh;margin:auto;background-color:#faebd7;overflow:scroll;border-radius:10px}.modal .img-div img{width:100%}.portfolio .cross{color:#1e90ff;font-weight:700;font-size:20px;position:absolute;right:10%;cursor:pointer;padding:10px;border-radius:30px}.view-btn{background-color:#1e90ff;color:#fff;position:absolute;left:10%;padding:5px 20px;margin:10px;border-radius:10px}@media screen and (max-width:450px){.portfolio .portfolio-container img{width:80vw}.portfolio-inner-container{min-height:150px;width:80vw}}