.container-list{width:100vw;height:auto}.subtitle p{font-size:18px}.subtitle span:before{content:"HTML";animation:animatelang 8s infinite}@keyframes animatelang{0%{content:"HTML"}25%{content:"CSS"}50%{content:"PHP"}75%{content:"JavaScript"}}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;margin:3vh 0 3vh 20px}.projects-grid a{text-decoration:none}.project-block{width:90%;height:55vh;border:3px solid #4f518c;border-radius:10px;transition:transform .5s ease}.project-block:hover{animation:shrink-expand 2s infinite;border:3px dashed #4f518c}@keyframes shrink-expand{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}.project-img img{max-width:100%;height:25vh;border-radius:6.5px 6.5px 0 0}.project-content p{padding:0 15px}.languages-list{display:flex;justify-content:center;gap:10px}.languages-list img{width:3vw;height:auto}.filter-buttons{text-align:center;margin-bottom:1vh}.filter-buttons button{padding:10px 20px;margin:0 5px;border:1px solid #4f518c;background-color:#4f518c;font-family:'Montserrat-Regular';color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}.filter-buttons button:hover{background-color:#fff;color:#4f518c}.filter-buttons button.selected{background-color:#fff;color:#4f518c;border:1px dashed #4f518c}@media (max-width:768px){.container-list p{font-size:18px}.projects-grid{grid-template-columns:1fr;margin-left:35px}.project-block{height:auto}.project-content p{font-size:18px}.languages-list img{width:10vw}.filter-buttons button{margin:5px 8px}}@media only screen and (min-width:768px) and (max-width:840px){.container-list p{font-size:24px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;margin-left:15px}.project-block{width:95%;height:auto}.project-content p{font-size:18px}.languages-list img{width:6vw}.filter-buttons button{margin:5px 8px}}