html,body{width:100vw}body{display:flex;flex-direction:column;align-items:center;font-size:18px;overflow-x:hidden}footer div,main{max-width:1300px;width:100%}*{margin:0;padding:0;box-sizing:border-box;border:0 solid blue}header{background-color:#fedd9d;height:100vh;width:100vw;display:flex;flex-direction:column;font-weight:300;font-family:jost,sans-serif;overflow:hidden}header .nav{display:flex;justify-content:space-between;width:100vw;padding:20px;font-weight:700;font-size:1.6rem;color:#fff;text-transform:uppercase}header .nav ul{list-style:none;display:flex;gap:20px}header .nav a{text-decoration:none;color:#fff}header .logo{flex-grow:1;display:flex;justify-content:center;align-items:center;font-size:3rem}h2{font-family:jost,sans-serif;text-transform:uppercase;font-weight:200;font-size:2.5rem}main{padding:2em;font-family:jost,sans-serif;font-size:1.2em;overflow:clip}main p{margin-bottom:.5em;text-align:left;text-justify:inter-word;max-width:720px}main img{width:100%;margin-bottom:1em;margin-top:1em}h3{font-weight:400;font-size:4rem;line-height:.8em;margin-top:.5em}.event-location{text-transform:uppercase;font-weight:400;margin-bottom:.5em}figure{width:100%;display:flex;flex-direction:row;margin-bottom:1em}figure img{flex-grow:1;display:inline-block;margin:0;max-width:calc(100% - 390px);z-index:3}figure figcaption{width:370px;display:inline-block;padding:0 0 0 1em;font-size:.8em}hr{margin:4em 0;border:none;border-top:0 solid #fff}.day-schedule h3{}.day-schedule div{width:100%;display:flex;line-height:1.5rem;margin:2em 0 1em;text-transform:uppercase}.day-schedule div .event-date{width:6em;display:inline-block}.day-schedule div .event-location{display:inline-block;flex-grow:1}#participants h3{margin-bottom:.5em;font-weight:400;text-transform:none}.nav a{position:relative;z-index:20}nav li a:hover{border-bottom:0;color:#fff}.nav a:before{content:"";height:100%;left:0;top:0;width:0;position:absolute;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;z-index:1;mix-blend-mode:difference}.nav a:hover:before{width:100%;background:#fff}.menu-toggle{display:none;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.4s}.menu-toggle.change .bar1{transform:translate(0,11px)rotate(-45deg)}.menu-toggle.change .bar2{opacity:0}.menu-toggle.change .bar3{transform:translate(0,-11px)rotate(45deg)}h3 .anchor{text-decoration:none;color:#000;margin-left:.2em;color:#eee;display:none}h3:hover .anchor{display:inline}.workshop-title,h4{font-weight:500;font-size:1em;margin-bottom:.5em}.elevator{position:sticky;top:95vh;left:0;text-align:left;margin-left:810px}.elevator a{z-index:-1;text-decoration:none;color:#000}@media screen and (max-width:960px){header .nav ul{flex-direction:column;gap:10px;text-align:right}figure img{width:100%;max-width:none}figure figcaption{padding:1em 0;text-align:center;width:100%}figure{flex-direction:column}.elevator{margin-left:0;text-align:right}}@media screen and (max-width:600px){header .nav{flex-direction:column;font-size:1.1em}.menu-toggle{display:inline-block}nav{opacity:0;overflow:hidden;transition:opacity .3s ease}nav.open{opacity:1;height:auto}}footer{background-color:#4d4943;width:100vw;display:flex;justify-content:center;font-family:sans-serif;color:#fff;font-size:.8rem}footer div{text-align:center;padding:2em}footer a{color:#fff;text-decoration:none;margin:0 1em}