main>div #search-area{grid-column:2/-2;margin-top:180px}@media (width<=700px){main>div #search-area{grid-column:1/-1}}main>div #search-area input{text-align:center;box-sizing:border-box;border:1px solid #cacaca;border-radius:20px;width:100%;height:50px;padding:10px;font-family:Roboto,sans-serif;font-size:16px;box-shadow:0 0 10px #0000001a}main>div #projects-area{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:30px;display:grid}@media (width<=1150px){main>div #projects-area{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){main>div #projects-area{grid-template-columns:repeat(1,1fr)}}main>div #projects-area{--gap-size:10px;column-gap:var(--gap-size);row-gap:var(--gap-size)}main>div #projects-area .project-card{transition:all .2s}main>div #projects-area .project-card:hover{transform:scale(1.01);box-shadow:0 0 13px #00000026}main>div #projects-area>div{border-radius:5px;grid-template-rows:1fr auto;height:300px;padding:10px;font-family:Roboto,sans-serif;font-size:16px;display:grid;box-shadow:0 0 10px #0000001a}main>div #projects-area>div img{object-fit:cover;object-position:top;border-radius:5px;width:100%;height:100%;overflow:hidden}main>div #projects-area>div>div{justify-content:space-between;align-items:flex-end;display:flex}main>div #projects-area>div>div>div h3{margin:0;font-weight:300}main>div #projects-area>div>div>div p{margin:0;font-weight:200}main>div #projects-area>div>div button{background-color:var(--accent-col);color:#fff;border:none;border-radius:5px;width:160px;margin-top:10px;padding:10px}main>div #projects-area>div>div button:hover{background-color:var(--accent-col-lighter)}main>div #projects-area>div>div button:active{background-color:var(--accent-col-darker)}
/*# sourceMappingURL=portfolio.9f9d8da3.css.map */