DigiPen (Singapore) Punggol Digital District

body.front div#get-to-know-pdd:before{ --callout-bg-color: var(--true-black); } div#get-to-know-pdd{ max-width: 28rem; } /* html[lang="zh-hans"] div#get-to-know-pdd{ } */ @media screen and (min-width: 30em){ html[lang="en"] div#get-to-know-pdd p.lead-in{ max-width: 28rem; } div#get-to-know-pdd{ max-width: none; } } @media screen and (min-width: 54em){ html[lang="en"] div#get-to-know-pdd p.lead-in{ max-width: 33rem; } }

body.front #homepage-hero-slideshow .panel-cta strong:after{ animation-name: animateWidthRevert; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-ease); animation-fill-mode: both; animation-delay: 0ms; --animation-speed: var(--fast-speed); } body.front #homepage-hero-slideshow .panel-cta:hover strong:after, body.front #homepage-hero-slideshow .panel-cta:focus strong:after{ animation-name: animateWidth; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-ease); animation-fill-mode: both; } body.front #homepage-hero-slideshow .panel-summary p:first-of-type{ max-width: 26rem; margin-right: auto; margin-left: auto; } @media screen and (min-width: 54em){ body.front #homepage-hero-slideshow .panel-wrapper[data-panels="2"] .panel:first-of-type .panel-content { transform: skewX(10deg) translateX(8%) translateY(-30%); } body.front #homepage-hero-slideshow .panel-wrapper[data-panels="2"] .panel:last-of-type .panel-content { transform: skewX(10deg) translateX(-12%) translateY(-30%); } }