@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");*{padding:0;margin:0;box-sizing:border-box;font-family:"Montserrat",sans-serif}body,html{background-color:#400b18}a{text-decoration:none}a,h1,h2,h4,h5,h6,p,span{color:#ececec}.wrapper{width:100%;min-height:100vh;padding:2%;display:flex;flex-direction:column;align-items:center}.wrapper .projects{padding:20px 0px;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:40px}.wrapper .project-block{padding:0px 15px;background-color:#912f2f;transition:1s;height:30rem;border-radius:20px}.wrapper .project-block:hover{background-color:#ce2424;transition:1s}.wrapper .project-block .project-link{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;height:100%}.wrapper .project-block .project-link .project-description{font-size:14px}.wrapper .project-block .project-link .project-index{font-size:5vw}@media screen and (max-width:412px){.wrapper{padding:3%}.wrapper .projects{grid-template-columns:repeat(1,1fr);margin-top:1rem;padding-bottom:2%}.wrapper .project-block{height:20rem}.wrapper .project-block .project-link .project-index{font-size:35vw}.wrapper .project-block .project-link .project-description{font-size:18px;margin-top:2rem}.wrapper .project-block:last-child{margin-bottom:15%}}@media screen and (min-width:412px) and (max-width:500px){.wrapper{padding:7%}.wrapper .projects{grid-template-columns:repeat(1,1fr);margin-top:1rem;padding-bottom:2%}.wrapper .project-block{height:20rem}.wrapper .project-block .project-link .project-index{font-size:35vw}.wrapper .project-block .project-link .project-description{font-size:18px;margin-top:2rem}.wrapper .project-block:last-child{margin-bottom:15%}}