.nav-component .image-logo{border:2px solid black;margin-bottom:30px}.nav-component .navlist{padding:0;list-style:none;text-align:left}.nav-component .navlist>li{margin-bottom:15px}@media screen and (width < 1024px){nav{width:100%;overflow:auto;border-top:1px solid gray;border-bottom:1px solid gray}.nav-component .image-logo{border-width:1px;margin-bottom:10px}.nav-component .navlist{display:flex;justify-content:space-between;width:100%;margin:0;height:100%}.nav-component .navlist>li{display:inline-block;margin:0 10px;font-size:14px;white-space:nowrap}}.thumbnails-container-component{background-color:#eee;height:100%;overflow:auto;display:grid;grid-template-columns:1fr 1fr;justify-items:center;padding-top:15px}.thumbnails-container-component .image-wrapper-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;width:102px;height:102px;display:flex;place-items:center;background-color:transparent;margin-bottom:15px}.thumbnails-container-component .image-wrapper-button .thumbnail-image{max-width:100px;max-height:100px;margin:0 auto;box-shadow:1px 1px 3px 1px #00000026}@media screen and (width < 1024px){.thumbnails-container-component{padding-top:4px;display:flex}.thumbnails-container-component .image-wrapper-button{margin-right:10px;margin-bottom:0}}.image-section-component{padding-left:25px;display:flex;place-items:center;overflow:hidden;position:relative}.image-section-component .full-size-image{max-width:100%;max-height:100%;margin:0 auto}.image-section-component .prev-next-button{position:absolute;top:0;padding:2px 3px}.image-section-component .prev-next-button.prev{left:20px}.image-section-component .prev-next-button.next{left:60px}@media screen and (width < 1024px){.image-section-component{padding-left:0}.image-section-component .prev-next-button{top:5px}.image-section-component .prev-next-button.prev{left:10px}.image-section-component .prev-next-button.next{left:unset;right:10px}}.thumbnails-and-pic-layout{display:grid;grid-template-columns:250px minmax(0,1fr);height:100%;overflow:hidden}@media screen and (width < 1024px){.thumbnails-and-pic-layout{grid-template-columns:100%;grid-template-rows:110px minmax(0,1fr)}}.contact-page .contact-info-wrapper{width:max-content;text-align:left;margin:0 auto}.contact-page .contact-info-wrapper .contact-label{font-weight:700}.contact-page #contactForm{max-width:min(65vw,640px);margin:25px auto}.contact-page #contactForm>p{margin-bottom:10px}.contact-page #contactForm>textarea{height:4em}.contact-page #contactForm>button{padding:4px 8px}@media screen and (width < 1024px){.contact-page .contact-info-wrapper{margin-top:20px}}.about-page{text-align:left}.about-page .about-text{margin-top:20px}@media screen and (width < 1024px){.about-page{padding-left:15px;padding-right:15px}.about-page .about-text{margin-top:15px}}.classes-page .contact-notice{color:red}.classes-page .classes-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:30px}.classes-page .classes-container .class-container{border:1px solid black;padding:20px 40px 30px;text-align:left}.classes-page .classes-container .class-container>h2{color:red;text-align:center}.classes-page .classes-container .class-container>h3{margin-top:20px;text-decoration:underline}@media screen and (width < 1024px){.classes-page .classes-container{grid-template-columns:100%;margin-bottom:20px}}#root{width:100%;max-width:1600px;min-width:360px;height:100dvh;margin:0 auto;padding:30px;text-align:center;display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}@media (width > 1600px){#root{border-left:1px solid black;border-right:1px solid black}}@media (width < 1024px){#root{grid-template-columns:100%;grid-template-rows:170px 1fr;padding:10px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,div,p,section,main,nav,img,button,h1,h2,h3{box-sizing:border-box;margin:0;padding:0}a:link,a:visited{color:#ff2700;text-decoration:none;margin-bottom:10px}a:hover{color:#000}body{min-width:320px;min-height:100vh;height:100dvh}h1{font-size:3.2em;line-height:1.1}button:hover{cursor:pointer}