.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.message{position:relative;z-index:100;display:none;padding:1em;text-align:center;color:var(--color-bg);background:var(--color-text)}.portfolio-content{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;min-height:100vh;padding:20px}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.portfolio-grid__item{position:relative;flex:1 1 calc(33.333% - 20px);max-width:calc(53.333% - 20px);transition:all .3s ease-out;border:var(--color-secondary) 1px solid;border-radius:var(--border-radius);margin:10px;overflow:hidden;text-align:center}.project-thumb img{width:100%;height:auto;border-radius:var(--border-radius)}.info{margin:0 0 0 1.25em;color:var(--color-info)}.scroll-img{pointer-events:none;background-size:cover;background-position:50% 50%;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);width:100%;height:100%}@media screen and (max-width: 800px){.portfolio-grid__item{flex:1 1 100%;max-width:100%}}@media screen and (min-width: 901px){.portfolio-grid__item{flex:auto;max-width:100%}}@media screen and (max-width: 800px){.slides{position:absolute;top:0;margin-bottom:20vh}.slide{align-items:flex-start}.pagination{justify-content:center}.pagination__item{margin:0 .5em}.codrops-header{flex-direction:column;align-items:center}.codrops-header__title{font-weight:700;padding-bottom:.25em;text-align:center;margin:0 0 1rem}.info{margin:0}.github{display:block;margin:1em auto 4em}.codrops-links{margin:0}.scroll-img{margin:0 auto}}