@font-face{font-family:'Varela Round';src:url("../font/VarelaRound-Regular.ttf");font-display:swap}@font-face{font-family:'Raleway';src:url("../font/Raleway-Regular.ttf");font-display:swap}html{scroll-behavior:smooth}body{background:linear-gradient(189deg, #242424 60%, #151515 60%);color:#f5f5f5;font-family:"Raleway",sans-serif;line-height:2rem;margin:0;padding:0}a{text-decoration:none;color:#f5f5f5;cursor:pointer}a:hover{color:#f5f5f5}#showcase{background:url("../images/hero-image.jpg") no-repeat center/auto 115%;background-attachment:scroll;height:120vh;overflow:hidden;position:relative;width:100%}.cut{position:absolute;top:90%;left:0;height:100%;width:150%;background:#242424;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}#arrow-link{position:absolute;bottom:18rem;left:50%;z-index:2;display:inline-block}.arrow{position:absolute;font-size:3rem;-webkit-animation:bounce 2s 1;animation:bounce 2s 1}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:"Varela Round",sans-serif;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:0 0 0 2rem}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"Varela Round",sans-serif;color:#7d0c04;font-size:1.5rem;width:200px;padding-top:1.5rem}.pipe{color:#bdbdbd}#titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1rem}.nav-links{display:none}.nav-item{top:25%;font-size:1.2rem;list-style-type:none}.nav-item.language{font-size:1em;margin:2em 0}.menu-icon{position:fixed;right:0;margin:1.5rem 2rem 0 0;z-index:3;font-size:1.5rem}.overlay{display:none;z-index:5;background-color:rgba(20,20,20,0.9);height:100%;width:100%;position:fixed;left:0;top:0}.close-icon{position:absolute;right:0;margin:1.5rem 2rem 0 0;font-size:1.5rem}.overlay-content{position:relative;top:20%;width:100%;height:50%;text-align:center;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}section{padding-top:2rem;font-size:1.2rem;line-height:2.5rem;margin-bottom:2rem}h1{font-family:"Varela Round",sans-serif;font-size:1.7em;letter-spacing:0.5rem;margin-top:0;text-align:center}h2{font-size:1.2em}#about-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.about-text{padding:0 1.2rem}.about-img{padding:0;height:20rem;background-image:url("../images/portrait.jpg");background-attachment:scroll;background-size:cover;background-position:50% 30%;background-repeat:no-repeat}.large{display:none}.cv{padding:0 1.2rem}.cv a{border-bottom:3px solid #7d0c04}#experience{margin:0 1.2rem 1.2rem 1.2rem}.accordion{font-family:"Varela Round",sans-serif;font-size:1.5rem;letter-spacing:0.5rem;-webkit-transition:0.4s;transition:0.4s}.active,.accordion:hover{color:#f5f5f5}.active{color:#f5f5f5;border-bottom:4px solid #7d0c04;-webkit-transform:scaleX(1);transform:scaleX(1)}.accordion:after{font-size:13px;color:#777;float:right;margin-left:5px}.panel{margin-top:1rem;max-height:0;overflow:hidden;-webkit-transition:max-height 0.2s ease-out;transition:max-height 0.2s ease-out}.panel i{font-size:0.8rem}.year{color:#757575}img{width:auto;height:30rem;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.photographer{font-size:0.8rem;line-height:1;color:#757575;text-align:center}.tns-nav{text-align:center}button{width:9px;height:9px;padding:0;margin:0 5px;border-radius:50%;background:#f5f5f5;border:0}.tns-nav-active{background:#757575}.controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.control{position:relative;bottom:20rem;font-size:2rem;color:#f5f5f5;background-color:rgba(20,20,20,0.8);padding:0.5rem}.videos{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;margin-top:1em}.video{margin:1em 0}.course-cards{row-gap:2rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;margin:3rem}.course{background-color:#242424;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);padding:1rem;text-align:center}.course a{border-bottom:3px solid #7d0c04}.course i{font-size:0.7rem}.headline{font-size:1.25em;margin-bottom:0.4rem}#contact{background:linear-gradient(176deg, #151515 30%, rgba(125,12,4,0.6) 30%);margin-bottom:0;padding-top:13rem}.contact-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:2rem}.option{margin:2rem}.mail{font-size:1.5rem}.scroll-up{display:none;position:fixed;bottom:4rem;right:1.5rem;z-index:10;font-size:2rem;color:#bdbdbd;background-color:rgba(20,20,20,0.8);padding:0.36rem 0.5rem;border-radius:30px}footer{background:linear-gradient(176deg, rgba(125,12,4,0.6) 30%, #151515 30%);padding-top:13em}.footer-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:0 2em;padding:0.5em 0}.made-by{color:#757575;font-family:"Varela Round",sans-serif;font-size:0.7rem;text-align:center}@media screen and (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media only screen and (min-width: 830px){a{color:#bdbdbd}#showcase{background-attachment:fixed}#about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.about-img{height:10rem;background-attachment:fixed;background-position:center}.about-text{padding:0 3rem}.cv{padding:0 3rem}.small{display:none}.large{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:210rem;flex-basis:210rem;height:auto;background-size:contain;background-position:right;margin-right:2rem}#experience{margin:0 2rem 2rem 2rem}.videos{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.video{margin:0 1em}.course-cards{-webkit-column-gap:5rem;column-gap:5rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;margin:0 3rem}.course{font-size:0.9em}#contact{padding-top:9rem}.option{margin:3rem}.scroll-up{bottom:2rem;right:3rem}}@media only screen and (min-width: 1000px){.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;padding-left:0;width:65%}.nav-item.language{margin:0 1em}.menu-icon{display:none !important}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}