.website-card {
  width: 100%;
  height: 300px;
  display: block;
}
.website-card .logo {
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-size: cover;
}
.website-card .logo--shadow {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-size: cover;
  filter: blur(0);
  background-color: rgba(128, 191, 255, 0.7);
  opacity: 0;
}
.website-card .website-card-bg {
  width: 100%;
  height: 100%;
  border: 0px solid #fff;
  box-shadow: 0px 0px 0px #888888;
}
.website-card:hover .logo {
  bottom: 1rem;
}
.website-card:hover .logo--shadow {
  filter: blur(0.8rem);
  opacity: 1;
  background-color: rgba(128, 191, 255, 0.4);
}
.website-card:hover .website-card-bg {
  width: 100%;
  height: 100%;
  border: 5px solid #fff;
  box-shadow: 0px 0px 30px #45b6fe;
}

.logo--bcu {
  background-image: url(../img/Website-Logos/ProductLogo-_0008_BCU.png);
}

.logo--ati {
  background-image: url(../img/Website-Logos/ProductLogo-_0004_ATIr.png);
}

.logo--battelle {
  background-image: url(../img/Website-Logos/ProductLogo-_0002_Battelle.png);
}

.logo--bcu {
  background-image: url(../img/Website-Logos/ProductLogo-_0008_BCU.png);
}

.logo--cabelas {
  background-image: url(../img/Website-Logos/ProductLogo-_0005_Cabelas.png);
}

.logo--fastsigns {
  background-image: url(../img/Website-Logos/ProductLogo-_0007_Fastsigns.png);
}

.logo--greatAmerican {
  background-image: url(../img/Website-Logos/ProductLogo-_0001_insurance.png);
}

.logo--advocate {
  background-image: url(../img/Website-Logos/ProductLogo-_0006_ahc.png);
}

.logo--metlife {
  background-image: url(../img/Website-Logos/ProductLogo-_0009_MetLifeStadium.png);
}

.logo--portillo {
  background-image: url(../img/Website-Logos/ProductLogo-_0010_Portillos.png);
}

.logo--packers {
  background-image: url(../img/Website-Logos/ProductLogo-_0003_packers-everywhere.png);
}

.logo--pfchang {
  background-image: url(../img/Website-Logos/ProductLogo-_0000_pfChangs.png);
}

.website-card-bg--bcu {
  background-image: url(../img/portfolio--websites/BCU-ProductTile.webp);
}

.website-card-bg--ati {
  background-image: url(../img/portfolio--websites/ATI-ProductTile.webp);
}

.website-card-bg--battelle {
  background-image: url(../img/portfolio--websites/Battelle-ProductTile.webp);
}

.website-card-bg--cabelas {
  background-image: url(../img/portfolio--websites/Cabelas-ProductTile.webp);
}

.website-card-bg--fastsigns {
  background-image: url(../img/portfolio--websites/FastSign-ProductTile.webp);
}

.website-card-bg--greatAmerican {
  background-image: url(../img/portfolio--websites/GreatAmericanInsuranceGroup-ProductTile.webp);
}

.website-card-bg--advocate {
  background-image: url(../img/portfolio--websites/Advocate-ProductTile.webp);
}

.website-card-bg--metlife {
  background-image: url(../img/portfolio--websites/MetlifeStadium.png);
}

.website-card-bg--portillo {
  background-image: url(../img/portfolio--websites/Portillos-ProductTile.webp);
}

.website-card-bg--packers {
  background-image: url(../img/portfolio--websites/PackersEverywhere-ProductTile.webp);
}

.website-card-bg--pfchang {
  background-image: url(../img/portfolio--websites/PF_Changs-ProductTile.webp);
}

.logo--shadow--bcu {
  background-image: url(../img/Website-Logos/ProductLogo-_0008_BCU.png);
}

.logo--shadow--ati {
  background-image: url(../img/Website-Logos/ProductLogo-_0004_ATIr.png);
}

.logo--shadow--battelle {
  background-image: url(../img/Website-Logos/ProductLogo-_0002_Battelle.png);
}

.logo--shadow--bcu {
  background-image: url(../img/Website-Logos/ProductLogo-_0008_BCU.png);
}

.logo--shadow--cabelas {
  background-image: url(../img/Website-Logos/ProductLogo-_0005_Cabelas.png);
}

.logo--shadow--fastsigns {
  background-image: url(../img/Website-Logos/ProductLogo-_0007_Fastsigns.png);
}

.logo--shadow--greatAmerican {
  background-image: url(../img/Website-Logos/ProductLogo-_0001_insurance.png);
}

.logo--shadow--advocate {
  background-image: url(../img/Website-Logos/ProductLogo-_0006_ahc.png);
}

.logo--shadow--metlife {
  background-image: url(../img/Website-Logos/ProductLogo-_0009_MetLifeStadium.png);
}

.logo--shadow--portillo {
  background-image: url(../img/Website-Logos/ProductLogo-_0010_Portillos.png);
}

.logo--shadow--packers {
  background-image: url(../img/Website-Logos/ProductLogo-_0003_packers-everywhere.png);
}

.logo--shadow--pfchang {
  background-image: url(../img/Website-Logos/ProductLogo-_0000_pfChangs.png);
}

.website-card-animation--principles {
  background-image: url(../img/portfolio--websites--animation/principles-ProductTile.webp);
}

.website-card-animation--armify {
  background-image: url(../img/portfolio--websites--animation/Armify-ProductTile.webp);
}

.website-card-animation--pureJS {
  background-image: url(../img/portfolio--websites--animation/PureJS-ProductTile.webp);
}

.website-card-animation--subtleBG {
  background-image: url(../img/portfolio--websites--animation/SubtleBackground-ProductTile.webp);
}

.website-card-animation--textVideo {
  background-image: url(../img/portfolio--websites--animation/textVideo-ProductTile.webp);
}

header.js-page-header.fixed.top-0.z-20.w-full.backdrop-blur.transition-colors.js-page-header--is-sticky {
  z-index: 9999;
}/*# sourceMappingURL=custom.css.map */