html,body{color:#212121;margin:0;font-size:10px}header #logo{color:#0000;background-image:url(dhu.7136325a.webp);background-repeat:no-repeat;background-size:contain;margin:1em}main{width:100%;max-width:1440px;margin:0 auto}main h2{text-align:center;width:100%;letter-spacing:.125rem;font-size:2.4rem}main #top{max-width:1200px;margin:auto}main #gallery{position:relative;overflow:hidden}main #gallery img{width:100%}main #gallery .button{opacity:0;z-index:10;cursor:pointer;background:#ffffff40;border:none;outline:none;transition-property:opacity;transition-duration:.5s;position:absolute;top:0;bottom:0}main #gallery .button:hover{opacity:1}main #gallery .button div{width:2rem;height:2rem;border:.2rem solid #212121;border-color:#212121 #212121 #0000 #0000}main #gallery .button#gallery_next{padding-right:1em;right:0}main #gallery .button#gallery_next div{transform:rotate(45deg)}main #gallery .button#gallery_prev{padding-left:1em;left:0}main #gallery .button#gallery_prev div{transform:rotate(-135deg)}main #gallery .none{display:none}main #gallery:before{content:"";padding-top:100%}main #gallery .gallery_item{user-select:none}main #gallery .__main{height:100%;width:100%;transition-property:transform;transition-duration:.5s;display:block;top:0;left:0;transform:translate(0)}main #gallery .__main.__left{z-index:-1;position:absolute;transform:translate(-100%)}main #gallery .__main.__right{z-index:-1;position:absolute;transform:translate(100%)}main #gallery_title{text-align:center;height:1em;width:100%;font-size:1.6rem;position:relative}main #gallery_title p{opacity:0;width:100%;transition-property:opacity;transition-duration:.23s;position:absolute;top:0;left:0}main #gallery_title p.show{opacity:1}main #gallery_thumbnail{width:95%;max-width:100vw;margin:5rem auto 3rem;position:relative}main #gallery_thumbnail .__items{width:100%;opacity:0;justify-content:space-between;transition-property:opacity;transition-duration:.23s;display:flex;position:absolute;top:0;left:0}main #gallery_thumbnail .__items.show{opacity:1}main #gallery_thumbnail .__items.__base{opacity:0;user-select:none;transition:none;position:relative}main #gallery_thumbnail .__items picture,main #gallery_thumbnail .__items img{max-width:100%;cursor:pointer;flex-basis:30%}main #gallery_thumbnail .__items img{border:1px solid #212121}main #col{margin-top:5rem}main #col div{display:flex}main #col div:nth-child(2n){flex-direction:row-reverse}main #col div:nth-child(2n) .text{text-align:left}main #col div picture,main #col div img{width:100%;vertical-align:top;flex:1}main #col div .text{width:calc(100% - 2em);letter-spacing:.1rem;text-align:right;flex:1;margin:auto;font-size:2rem}main #col div .text p{width:100%;padding-left:1em;padding-right:1em}main #courses{margin-top:3em;margin-bottom:5em}main #courses h2{letter-spacing:.1rem;font-size:2.4rem}main #courses #course_list{font-size:1.6rem;display:flex}main #courses #course_list div{flex-grow:1}main #courses #course_list h3{text-align:center;letter-spacing:.1rem;font-size:2rem}main #courses #course_list #course_prot,main #courses #course_list #course_prac{letter-spacing:.08rem;z-index:0;height:425px;width:100%;background-color:#fff;position:relative;overflow:hidden}main #courses #course_list #course_prot p,main #courses #course_list #course_prac p{padding:2em;position:absolute;bottom:0}main #courses #course_list #course_prot:before,main #courses #course_list #course_prac:before{content:"";opacity:.5;filter:blur(10px);z-index:-1;background-image:url(c4.0592ba42.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:10px}main #courses #course_list #course_prac:before{background-image:url(c5.aeeff26d.webp)}footer{color:#dfdfdf;text-align:center;background-color:#212121;padding-top:2em;padding-bottom:2em}@media screen and (max-width:896px){header #logo{background-position:50%}main #gallery .button{opacity:.85;background:#fff3}main #gallery_thumbnail{display:none}main #col div{display:block}main #col div:nth-child(2n) .text{text-align:center}main #col div .text{text-align:center;font-size:1.8rem}main #col div .text p{padding:0}main #courses #course_list{display:block}}@media screen and (min-width:897px){#col div.__show .text,#col div.__show:nth-child(2n) picture,#col div.__show:nth-child(2n) img{animation:slideRight .5s forwards}#col div.__show picture,#col div.__show img,#col div.__show:nth-child(2n) .text{animation:slideLeft .5s forwards}#col div:nth-child(2n) picture,#col div:nth-child(2n) img,#col div:nth-child(2n) .text,#col div picture,#col div img,#col div .text{opacity:0}main #courses #course_list #course_prot:before,main #courses #course_list #course_prac:before{opacity:.1;transition-property:opacity;transition-duration:.5s}main #courses #course_list #course_prot.__show:before,main #courses #course_list #course_prac.__show:before{opacity:.5}}@keyframes slideRight{0%{opacity:0;transform:translate(-5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(5rem)}to{opacity:1;transform:translate(0)}}body{animation:showBody 0s .8s forwards}@keyframes showBody{0%{overflow:hidden}to{overflow:unset}}body #loader{animation:hideLoader 0s .8s forwards,loading .8s forwards}@keyframes loading{0%{opacity:1}30%{opacity:1}to{opacity:0}}@keyframes hideLoader{to{width:unset;height:unset;background:unset;z-index:unset}}