DigiPen (Singapore) Punggol Digital District

body.front #homepage-hero-slideshow #panel-lead-in{ top: 10%; left: 50%; transform: translateX(-50%); } body.front:not(.feature-han-sans) #homepage-hero-slideshow #panel-lead-in{ width: auto; } body.front #homepage-hero-slideshow #panel-lead-in:before { content: ''; height: 100%; width: 80%; background: radial-gradient(rgba(var(--true-black),0.5),rgba(var(--true-black),0.3),rgba(var(--true-black),0.1),rgba(var(--true-black),0),rgba(var(--true-black),0)); top: 10%; left: 10%; position: absolute; -webkit-animation: animate 4s both; animation: animate 4s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; } body.front #homepage-hero-slideshow .panel-summary { max-width: 16rem; } body.front #homepage-hero-slideshow .view-content{ min-height: 32rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ min-height: 32rem; } @media screen and (min-width: 30em){ body.front #homepage-hero-slideshow .view-content{ min-height: 28rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ min-height: 28rem; } } @media screen and (min-width: 54em){ body.front #homepage-hero-slideshow #panel-lead-in p:first-of-type{ font-size: 2.5rem; } body.front #homepage-hero-slideshow #panel-lead-in p:last-of-type{ font-size: 1.2rem; max-width: 29rem; } body.front #homepage-hero-slideshow .panel-summary { max-width: 25rem; } /* Overrides contents vertical positioning */ 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(-8%) translateY(-30%); } }