.overlay.custom-overlay{ background-image: linear-gradient(30deg, rgba(var(--white), 0.9), rgba(var(--white), 0.7));
}
body.front #homepage-hero-slideshow figure.focus-right .hero-slide-image img { -o-object-position: 60%; object-position: 60%;
}
div.hero-huge-callout{ height: 100%; display: flex; flex-direction: column; justify-content: center; width: 100%; top: 50% !important; background-image: radial-gradient(rgba(var(--white),0.3), rgba(var(--white),0.1), rgba(var(--white),0), rgba(var(--white),0)); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
div.hero-huge-callout:before{ animation: animIn 0.75s cubic-bezier(0.135, 0.40, 0.54, 1.000) both; -webkit-animation: animIn 0.75s cubic-bezier(0.135, 0.40, 0.54, 1.000) both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s;
}
div.hero-huge-callout p.secondary-text{ max-width: 19rem;
}
@-webkit-keyframes animIn{ from { -webkit-transform: rotate(14deg) scaleY(2) scaleX(1); opacity: 0; transform: rotate(14deg) scaleY(2) scaleX(1); opacity: 0;}
}
@keyframes animIn{ from { -webkit-transform: rotate(14deg) scaleY(2) scaleX(1); transform: rotate(14deg) scaleY(2) scaleX(1); opacity: 0;}
}
@media screen and (min-width: 30em){ body.front #homepage-hero-slideshow figure.focus-right .hero-slide-image img{ o-object-position: 70%; object-position: 70%; } div.hero-huge-callout p.secondary-text{ max-width: 21rem; }
}
@media screen and (min-width: 40em){ .overlay.custom-overlay{ background-image: none; } div.hero-huge-callout{ max-width: 34rem; padding: 4rem 1rem 4rem 15rem; margin-left: -15rem; } div.hero-huge-callout::before{ content: ''; width: 100%; height: 100%; position: absolute; display: block; background-image: linear-gradient(8deg, rgba(var(--white),0.6), rgba(var(--white),0.9), rgba(var(--white),1)); left: -20px; box-shadow: 3px 3px 5px rgba(var(--black),0.2); transform: rotate(14deg) scaleY(2) scaleX(1.1); } div.hero-huge-callout p.secondary-text{ max-width: 16rem; font-family: var(--proxima); }
}
@media screen and (min-width: 54em){ div.hero-huge-callout{ max-width: 35rem; padding-right: 2rem; }
}
@media screen and (min-width: 68em){ div.hero-huge-callout{ padding: 5rem 2rem 5rem 2rem; margin-left: -2rem; max-width: 28rem; } div.hero-huge-callout .heading{ font-size: 3rem; margin-bottom: 0; } div.hero-huge-callout p.secondary-text{ font-size: 1.2rem; max-width: 22rem; } div.hero-huge-callout p.lead-in{ font-size: 1.5rem; }
}
New on Campus
Faculty
Matt Brunner Revisits His Clay Days at Will Vinton Studios Making an M&M’s Masterpiece
At Portland’s iconic Claymation powerhouse, the DigiPen program director led the studio into a new era of CG animation.
Alumni
Nate Purkeypile Goes Full Metal Horror with Solo Indie Game The Axis Unseen
After 14 years at Bethesda Game Studios, DigiPen grad Nate Purkeypile channels his world-crafting expertise into a heavy metal monster-hunting indie game.
Ranked Top 10
Ranked as a Top 10 Video Game Design School by the Princeton Review for the last 15 years.
514 Selections
Student films from DigiPen's three global campuses have earned 514 awards and festival selections.
2,000+ Games
DigiPen alumni have helped ship more than 2,000 commercial game titles, including some of the most popular video games of all time.
313 Awards
Students from DigiPen's three global campuses have won 313 awards for game projects and academic papers.
Do What You Love. Love What You Do.
We prepare students for a wide range of careers — doing the kind of work that challenges the mind and excites the imagination. Check out some examples of what our alumni have gone on to do after DigiPen.
Alumni Success