.projects-wrapper{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}@media (max-width:650px){.projects-wrapper,.blogs-wrapper,.contact-wrapper{grid-template-columns:repeat(1,1fr)}.home-right,.about-right,.blog-right,.contact-right{flex:2;height:80vh;overflow-y:auto}}.projects-card-wrapper{background-color:var(--darkGrey);border-radius:20px;transition:transform .3s;position:relative;overflow:hidden}.projects-card-wrapper:hover{transform:translateY(-5px)}.projects-card-wrapper:hover .projects-card-desc{margin-top:0}.projects-img-wrapper{width:100%;height:250px}.projects-card-tags-wrapper{position:absolute;top:1rem;left:1rem}.projects-card-tags-wrapper span{border-radius:20px;margin-right:.5rem;padding:.25rem .5rem;font-size:.9rem}.projects-card-tags-wrapper .react{color:#000;background-color:#61dbfb}.projects-card-tags-wrapper .open-ai{color:#fff;background-color:#000}.projects-card-tags-wrapper .javascript{color:#323330;background-color:#f0db4f}.projects-card-info-wrapper{margin:1rem}.projects-card-title{margin-top:1rem;font-size:1.5rem}@media (max-width:268px){.projects-card-title{font-size:1.25rem}}.projects-card-info-wrapper p{margin:.5rem 0 1rem;transition:margin .3s}.projects-card-buttons{margin-bottom:1rem;margin-left:1rem}.projects-card-button{text-align:center;background-color:var(--lightBg);width:140px;height:40px;color:var(--black);border:2px solid var(--white);border-radius:10px;margin-bottom:.5rem;line-height:40px;text-decoration:none;transition:transform .1s;display:inline-block}.projects-card-button:nth-child(2n){border-color:var(--white);color:var(--white);background-color:#0000}.projects-card-button:hover{background-color:var(--theme);color:var(--permWhite)}.projects-card-button.live{margin-right:.5rem}.projects-card-button i{margin-left:.25rem}.projects-card-button:hover{border-color:var(--theme)}