DigiPen Institute of Technology

body.front #homepage-hero-slideshow figure.adm-custom-pos .hero-slide-image img{ -o-object-position: 55% 100%; object-position: 55% 100%; } [class*=hero-slideshow] .full-width-figcaption figcaption .figure-inner{ margin: 0; width: 100%; max-width: none; } .adm-subject{ object-fit: cover; -o-object-position: 55% 100%; object-position: 55% 100%; } #admissions-open-2025 .hero-huge-callout{ position: relative; } #admissions-open-2025-graphics .bg-graphic{ width: 85%; height: 72%; top: 8%; position: absolute; z-index: 0; -webkit-filter: drop-shadow(2px 4px 6px rgba(var(--true-black), 0.6)); filter: drop-shadow(2px 4px 6px rgba(var(--true-black), 0.6)); } #admissions-open-2025-graphics .bg-graphic:before{ content: ''; background-color: #ba1127; width: 100%; height: 100%; top: 0; position: absolute; left: 0; -webkit-clip-path: polygon(0 0, 100% 0%, 50vw 90vw, 0 100%); clip-path: polygon(0 0, 100% 0%, 50vw 90vw, 0 100%); } #admissions-open-2025 .heading-wrapper img{ -webkit-filter: drop-shadow(1px 1px 2px rgba(var(--true-black),0.5)); filter: drop-shadow(1px 1px 2px rgba(var(--true-black),0.5)); } #admissions-open-2025 .ctas .button{ box-shadow: 3px 3px 2px rgba(var(--true-black), 0.3); border-color: transparent; -webkit-transform: translateY(2.5rem); transform: translateY(2.5rem); } @media screen and (min-width: 30em){ @media screen and (max-height: 50rem){ body.front #homepage-hero-slideshow figure.adm-custom-pos .hero-slide-image img{ -o-object-position: 50% 100%; object-position: 50% 100%; } .adm-subject{ -o-object-position: 50% 100%; object-position: 50% 100%; } } #admissions-open-2025-graphics .bg-graphic{ width: 75% } #admissions-open-2025-graphics .bg-graphic:before{ -webkit-clip-path: polygon(0 0, 100% 0%, 46vw 75vw, 0 100%); clip-path: polygon(0 0, 100% 0%, 46vw 75vw, 0 100%); } } @media screen and (min-width: 54em){ #admissions-open-2025-graphics .bg-graphic{ width: 65%; height: 65%; top: 6%; left: 1.5rem; } #admissions-open-2025-graphics .bg-graphic:before{ -webkit-clip-path: polygon(0 0, 100% 0%, 40vw 65vw, 0 100%); clip-path: polygon(0 0, 100% 0%, 40vw 65vw, 0 100%); } #admissions-open-2025 .ctas .button{ -webkit-transform: none; transform: none; } } @media screen and (min-width: 68em){ @media screen and (max-height: 50rem){ body.front #homepage-hero-slideshow figure.adm-custom-pos .hero-slide-image img{ -o-object-position: 100% 100%; object-position: 100% 100%; } .adm-subject{ -o-object-position: 100% 100%; object-position: 100% 100%; } } #admissions-open-2025 .heading-wrapper img{ -webkit-filter: drop-shadow(2px 2px 3px rgba(var(--true-black),0.5)); filter: drop-shadow(2px 2px 3px rgba(var(--true-black),0.5)); } #admissions-open-2025-graphics .bg-graphic{ width: 50%; height: 70%; top: 5%; left: 3rem; } #admissions-open-2025-graphics .bg-graphic:before{ -webkit-clip-path: polygon(0 0, 100% 0%, 31vw 50vw, 0 100%); clip-path: polygon(0 0, 100% 0%, 31vw 50vw, 0 100%); } } @media screen and (min-width: 85.5em){ #admissions-open-2025 .full-width-content-container{ padding-left: calc((100vw - 72rem) / 2); } #admissions-open-2025-graphics .bg-graphic{ left: calc((100vw - 80rem) / 2); } }

.dynamicSlide.active #career-fair .dragon{ display: block; position: absolute; top: -150%; left: -50%; width: 200%; -webkit-animation: animate 6s both; animation: animate 6s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; --animation-translate-x: -5rem; --animation-translate-y: 0; } #career-fair { top: 50% !important; }

div#our-graduates-are-in-demand{ max-width: 26rem; } @media screen and (min-width: 30em){ div#our-graduates-are-in-demand p.lead-in{ max-width: 23rem; } } @media screen and (min-width: 54em){ div#our-graduates-are-in-demand{ max-width: none; } div#our-graduates-are-in-demand p.lead-in{ max-width: 31rem; } }