.projects{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.projects .projectTitle{text-align:center;margin:10px 0;font-weight:bolder}.projectList{grid-template-columns:repeat(auto-fit,23%);justify-content:center;place-items:center;width:85vw;height:auto;transition:all .8s;display:grid}.projectItem{text-align:center;background-color:#0003;border-radius:15px;width:350px;height:300px;margin:35px 0;transition:all .8s;box-shadow:0 3px 15px #0003}.projectItem:hover{cursor:pointer;transition:all .3s ease-in;box-shadow:0 3px 15px #00000080}.projectItem .projectProgressCircle{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projectItem.loading .projectProgressCircle{display:flex}.projectItem .bgImage{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:200px}.projectItem h1{padding:10px 0 2px;font-size:18px;transition:all .8s}@media only screen and (max-width:1920px){.projectList{width:90vw;transition:all .8s}}@media only screen and (max-width:1800px){.projectList{width:96vw;transition:all .8s}.projectItem h1{font-size:17px;transition:all .8s}.projectItem{width:330px}}@media only screen and (max-width:1650px){.projectList{grid-template-columns:repeat(auto-fit,30%);width:85vw;transition:all .8s}.projectItem{width:350px;margin:30px 0;transition:all .8s}}@media only screen and (max-width:1400px){.projectList{width:96vw;transition:all .8s}.projectItem h1{font-size:17px;transition:all .8s}.projectItem{width:330px}}@media only screen and (max-width:1200px){.projectList{grid-template-columns:repeat(auto-fit,48%);width:80vw;transition:all .8s}.projectItem{width:350px;margin:25px 0;transition:all .8s}}@media only screen and (max-width:950px){.projectList{width:100%}.projectItem{width:330px;margin:20px 0;transition:all .8s}}@media only screen and (max-width:800px){.projectList{grid-template-columns:1fr;width:100%}.projectItem{width:350px;margin:20px 0;transition:all .8s}}@media only screen and (max-width:450px){.projectItem h1{font-size:16px;transition:all .8s}.projectItem{width:320px;margin:20px 0;transition:all .8s}}@media only screen and (max-width:400px){.projectItem{width:300px;margin:20px 0;transition:all .8s}}