.projects__title-container{display:flex;justify-content:center;padding-top:1rem}.projects__title{background:#fff;padding:5px 10px;border:1px solid #f8f8f8;letter-spacing:2px;color:#2f4f4f;font-weight:400;display:inline-block;margin:0;font-size:1.5rem}.projects__projects-container{padding:1rem 1rem 0}@media screen and (min-width:48em){.projects__projects-container{padding:1rem 3rem 0}}@media screen and (min-width:64em){.projects__projects-container{max-width:1020px;margin-left:auto;margin-right:auto}}.projects__project-container{margin-bottom:2rem}@media screen and (min-width:48em){.projects__project-container{display:flex}.projects__image-container{flex-basis:50%}}.projects__snippet{max-width:100%;height:auto}@media screen and (min-width:48em){.projects__snippet{border-right:1px solid rgba(0,0,0,.15)}}.projects__snippet:hover{animation:zoom .3s ease-in forwards}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}@media screen and (min-width:48em){.projects__description-container{flex-basis:50%;display:flex;flex-direction:column;justify-content:space-between}}.projects__description-container--flex-start{justify-content:flex-start}.projects__text-container{border-top:1px solid #000;padding:1rem;background-color:#f3f3f1}@media screen and (min-width:48em){.projects__text-container{border-top:none}}.projects__text-title{margin-top:0;font-weight:500;font-size:.9rem;text-align:center}.projects__text-title--fill-green{color:green}.projects__text-title--fill-red{color:#c24d2c}.projects__text-title--fill-blue{color:#0d6efd}.projects__text-title--fill-orange{color:#ef6e05}.projects__text-description{font-size:.7rem;text-align:center;margin:0}.projects__button-container{padding:1rem;display:flex;justify-content:space-evenly}@media screen and (min-width:48em){.projects__button-container{display:flex;flex-direction:column;align-items:center;padding-top:.5rem}}.projects__button-container--padding-top{padding-top:2rem}.projects__button{padding:.75rem;border-radius:4px;border:1px solid;background-color:#f3f3f1;color:#000;font-size:.7rem;text-decoration:none}@media screen and (min-width:48em){.projects__button{width:50%;text-align:center;margin:.5rem}}.projects__button:hover{background-color:#000;color:#f3f3f1;cursor:pointer}.projects__button--demo{border:1px solid #006400;background-color:#006400;color:#fff;text-decoration:none}.projects__button--demo:hover{background-color:#fff;color:#006400;cursor:pointer}.projects__button--live-red{background-color:#c24d2c;color:#fff}.projects__button--live-red:hover{background-color:#fff;color:#c24d2c}.projects__button--live-blue{background-color:#0d6efd;color:#fff}.projects__button--live-blue:hover{background-color:#fff;color:#0d6efd}@media screen and (min-width:64em){.skills{flex-basis:50%}}.skills__title-container{display:flex;justify-content:center;padding-top:2rem}.skills__title{background:#fff;padding:5px 10px;border:1px solid #f8f8f8;letter-spacing:2px;color:#2f4f4f;font-weight:400;display:inline-block;margin:0;font-size:1.5rem}.skills__icons-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;background-color:#fff;border-radius:4px;margin:1rem .5rem;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}@media screen and (min-width:48em){.skills__icons-container{column-gap:2rem;margin:1rem 3rem}}@media screen and (min-width:64em){.skills__icons-container{margin-top:1.5rem}}.skills__icon{height:4rem;width:4rem;margin:1rem}.skills__icon:hover{animation:rotate 3s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}