.portfolio-container{padding-top:120px}.portfolio-header{display:flex;flex-direction:column;align-items:center}.portfolio-container h1{font-family:BebasNeue;font-size:72px;text-align:center}.portfolio-container h2{padding-top:20px;text-align:center;font-size:32px;font-family:RobotoCondensed}.portfolio-options-container{display:flex;flex-direction:row;grid-template-columns:repeat(2,1fr);max-width:90vw;padding:2rem;margin:0 auto;justify-items:center;gap:1rem;align-items:center}.portfolio-option{position:relative;width:100%;aspect-ratio:1/1;max-width:800px}.portfolio-option img{width:100%;height:100%;object-fit:cover;border-radius:18px}.portfolio-option h2{position:absolute;bottom:1rem;left:1rem;font-size:1.5rem}#tradeshow{animation:appear .3s ease-in-out forwards;transform:scale(0)}#perm-install{animation:appear .3s ease-in-out .3s forwards;transform:scale(0)}#custom-sign{animation:appear .3s ease-in-out .6s forwards;transform:scale(0);height:50%}#residential{animation:appear .3s ease-in-out .9s forwards;transform:scale(0)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;z-index:2}#overlay1{background:var(--overlay1);animation:overlay1-glow-effect .8s ease-in-out .1s forwards,fade-out .8s ease-in-out .5s forwards}#overlay2{background:var(--overlay2);animation:overlay2-glow-effect .8s ease-in-out .3s forwards,fade-out .8s ease-in-out .8s forwards}#overlay3{background:var(--overlay3);animation:overlay3-glow-effect .8s ease-in-out .5s forwards,fade-out .8s ease-in-out 1.1s forwards}#overlay4{background:var(--overlay4);animation:overlay4-glow-effect .8s ease-in-out .7s forwards,fade-out .8s ease-in-out 1.4s forwards}@keyframes overlay1-glow-effect{0%{box-shadow:none}50%{box-shadow:0 0 15px 7px var(--overlay1)}to{box-shadow:none}}@keyframes overlay2-glow-effect{0%{box-shadow:none}50%{box-shadow:0 0 15px 7px var(--overlay2)}to{box-shadow:none}}@keyframes overlay3-glow-effect{0%{box-shadow:none}50%{box-shadow:0 0 15px 7px var(--overlay3)}to{box-shadow:none}}@keyframes overlay4-glow-effect{0%{box-shadow:none}50%{box-shadow:0 0 15px 7px var(--overlay4)}to{box-shadow:none}}@keyframes appear{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@media only screen and (max-width:1220px){.portfolio-options-container{display:grid;grid-template-columns:repeat(2,1fr)}.portfolio-option h2{font-size:16px}}:root{--overlay1:#16c9e9;--overlay2:#e92210;--overlay3:#FBBC04;--overlay4:#34A853}