Skip to main content
Back to top
A student sits in front of a computer monitor as an instructor stands over her shoulder.
Check out our updated offering of summer workshops in technology, programming, the arts, and video games!

#summer-workshops.hero-huge-callout{ max-width: 18rem; z-index: 50; } @media screen and (min-width: 30em){ #summer-workshops.hero-huge-callout{ max-width: 20rem; top: 40%; } } @media screen and (min-width: 54em){ #summer-workshops.hero-huge-callout{ max-width: 23rem; } } @media screen and (min-width: 68em){ #summer-workshops.hero-huge-callout{ max-width: 35rem; } } @media screen and (min-width: 90em){ #summer-workshops.hero-huge-callout{ max-width: 41rem; } }
body.front #homepage-hero-slideshow .hero-huge-callout#evergreen-programs-offered{ top: 5%; -webkit-transform: none; -ms-transform: none; transform: none; } body.front #homepage-hero-slideshow figure.evergreen-programs-focus-center .hero-slide-image img{ -o-object-position: 40%; object-position: 40%; } div#evergreen-programs-offered{ width: 100%; } #evergreen-programs-offered .flex-wrapper{ flex-direction: column; } #evergreen-programs-offered .article-aside{ display: flex; width: 100%; max-width: 22rem; align-self: center; height: 8.5rem; position: relative; border: 1px solid #231F20; background-image:url(/sites/default/files/public/img/home/01-hero/digipen-europe-bilbao-programs-offered-banner.jpg); background-size: 180%; background-position: 15% 40%; border-radius: 5px; box-shadow: 0 0 4px rgba(218,85,48,.15); overflow: hidden; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } #evergreen-programs-offered .article-aside:nth-of-type(1){ box-shadow: 0px 0px 0px 2px #e6474a; } #evergreen-programs-offered .article-aside:nth-of-type(2){ box-shadow: 0px 0px 0px 2px #07cbca; background-position: 90% 50%; } #evergreen-programs-offered .article-aside .article-overlay{ display: block; height: 100%; width: 100%; z-index: 1; background-color: transparent; -webkit-transition: height 300ms ease, background-color 300ms ease; -moz-transition: height 300ms ease, background-color 300ms ease; -ms-transition: height 300ms ease, background-color 300ms ease; -o-transition: height 300ms ease, background-color 300ms ease; transition: height 300ms ease, background-color 300ms ease; } #evergreen-programs-offered .article-content div{ -webkit-transition: opacity 300ms ease, color 300ms ease; -moz-transition: opacity 300ms ease, color 300ms ease; -ms-transition: opacity 300ms ease, color 300ms ease; -o-transition: opacity 300ms ease, color 300ms ease; transition: opacity 300ms ease, color 300ms ease; } #evergreen-programs-offered .article-content { display: flex; justify-content: center; position: absolute; width: 100%; top: 50%; z-index: 2; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #evergreen-programs-offered .article-content div{ top: 0.5rem; position: relative; } #evergreen-programs-offered .article-content .content-reveal{ display: none; text-align: center; width: 100%; left: 0; } #evergreen-programs-offered .article-aside .article-overlay{ height: 0.75rem; } #evergreen-programs-offered .article-aside:hover .article-overlay, #evergreen-programs-offered .article-aside:focus .article-overlay{ height: 100%; } #evergreen-programs-offered .article-aside:nth-of-type(1) .article-overlay{ background-image:linear-gradient(45deg, rgba(201,36,66,1), rgba(230,71,74,1)); } #evergreen-programs-offered .article-aside:nth-of-type(2) .article-overlay{ background-image: linear-gradient(45deg, rgba(0,171,192,1), rgba(7,203,202,1)); } /* Hover and Focus Effects */ #evergreen-programs-offered .article-aside:hover span, #evergreen-programs-offered .article-aside:focus span, #evergreen-programs-offered .article-aside:hover p, #evergreen-programs-offered .article-aside:focus p{ color: #ffffff; } #evergreen-programs-offered .article-aside:hover .article-content div, #evergreen-programs-offered .article-aside:focus .article-content div{ opacity: 0; } #evergreen-programs-offered .article-aside:hover .article-content .content-reveal, #evergreen-programs-offered .article-aside:focus .article-content .content-reveal{ align-self: center; display: flex; position: absolute; animation: animDown 0.5s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 0.5s cubic-bezier(0.25,0.1,0.25,1) both; } @media screen and (min-width: 30em){ body.front #homepage-hero-slideshow figure.evergreen-programs-focus-center .hero-slide-image img{ -o-object-position: 35%; object-position: 35%; } } @media screen and (min-width: 54em){ body.front #homepage-hero-slideshow .hero-huge-callout#evergreen-programs-offered{ top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } body.front #homepage-hero-slideshow figure.evergreen-programs-focus-center .hero-slide-image img{ -o-object-position: 44%; object-position: 44%; } #evergreen-programs-offered .article-aside{ background-image: linear-gradient(to right, rgba(250,250,250,0.9), rgba(241,241,243,0.85)); height: 5rem; border: none; box-shadow: none !important; } #evergreen-programs-offered .article-content div.font-family-proximaB{ color: #231F20; text-shadow: none; } #evergreen-programs-offered .heading { order: 1; padding: 2rem 0; margin-bottom: 0.5rem; font-size: 4rem; } #evergreen-programs-offered .article-aside:nth-of-type(1) { order: 0; align-self: flex-start; margin-left: 8rem; } html.cssanimations body.page-animation-ready:not(.animation-rewriting) .dynamicSlide.active .figure-inner #evergreen-programs-offered .article-aside:nth-of-type(1), html.cssanimations body.page-animation-ready:not(.animation-rewriting) .homepage-slideshow-heading-view.row-count-1 #evergreen-programs-offered .article-aside:nth-of-type(1) { --animation-translate-y:1rem; --animation-translate-x:0; } #evergreen-programs-offered .article-aside:nth-of-type(2) { order: 2; align-self: flex-end; margin-right: 8rem; } }

New on Campus

Announcements

Our Latest Lineup of Workshops Offers Exciting Opportunities This Summer

From art and animation to game design and coding, join us in Bilbao for the return of our summer workshops.

Students

Curriculum Insights: Why DigiPen Europe-Bilbao Prioritizes C++ in Computer Science Degree

Learn how our curriculum embraces C++ and see how our teaching philosophy recognizes this language’s dominance in real-time interactive simulation education.

Students

An Anthropological View of Bringing Animated Life through Motion

The first entry of our Faculty Focus series sees Professor Asier Azkarraga dive into the concept of animating the inanimate.

Social Media

    A creature with dragon and octopus characteristics hovers over a volcano with waves crashing on either side

    Our Students Do Amazing Work

    Student Showcase
    • 3 Global Campuses

      We are a global academic community with campuses in the U.S.A., Singapore, and Spain.

    • 800+ Awards and Honors

      DigiPen students have earned hundreds of honors and awards for their student games, films, and academic papers.

    • 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.

    Learn More

    Speak with an Admissions Representative

    Want to learn more about DigiPen Europe-Bilbao? Fill out our information request form or contact us through WhatsApp, and one of our admissions representatives will promptly follow up with you by phone or email.