body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Eczar,serif;font-family:var(--body-font);margin:0}body,html{max-width:100vw}body,html{overflow-x:hidden}:root{--primary-color:#fdfdfd;--accent-color:#fbf1e4;--header-font:"Josefin Slab",serif;--body-font:"Eczar",serif;--ornamental-font:"Arvo",serif}@media (min-width:1051px){.block{padding:40px 140px}}@media (max-width:1050px){.block{padding:40px}#repertoire button{margin-left:40px!important}}@media (max-width:700px) and (min-width:601px){#sophie{margin:30px 100px 100px!important;width:60%!important}}@media (max-width:600px){#sophie{margin:20px 80px 50px 10px!important;width:90%!important}}@media (max-width:1200px){#lessons-block{width:100%!important}}@media (max-width:800px) and (min-width:401px){#bug-photo{margin-top:30px!important;width:80%!important}}@media (max-width:400px){#bug-photo{left:-50px;margin-top:30px!important;position:relative;width:140%!important}}@media (max-width:1100px){#repertoire-list{margin:20px auto 0;padding:0 15%!important;width:70%!important}}@media (max-width:750px) and (min-width:601px){#repertoire-list{padding:0 15%!important;width:70%!important}}@media (max-width:600px){#repertoire-list{font-size:.8rem;padding:0 5%!important;width:90%!important}#contact form{grid-template-areas:"name" "email" "message" "submit"!important;grid-template-columns:1fr!important;grid-template-rows:96px 125px 3fr 71px!important}#contact input{height:30px!important;width:70vw!important}}h1{font-family:var(--header-font);font-size:2rem;padding-bottom:20px;text-align:center}button{background-color:#fff;border:none;color:#000;cursor:pointer;font-size:1.3rem;margin:0 4px;padding:10px 25px;text-decoration:none}#copyright,button{font-family:var(--ornamental-font);text-align:center}#copyright{font-size:.8rem}.scroll-button{background-color:#6495ed;border-radius:30px;bottom:30px;padding:10px 4px;position:fixed;right:25px;z-index:4}@media (min-width:1400px){body{font-size:1.2rem}button{font-size:1.5rem}#repertoire button{font-size:1.5rem!important}}#about{background-color:var(--primary-color);position:relative;text-align:justify;z-index:3}#upcase-letter{float:left;font-size:400%;line-height:85%;width:.7em}#sophie{border:10px solid #fff;filter:brightness(115%) contrast(115%) drop-shadow(10px 10px 10px black);-webkit-filter:brightness(115%) contrast(115%) drop-shadow(10px 10px 10px #000);float:left;margin:20px 90px 80px 10px;transform:rotate(3deg);width:40%}#about button{background:none;border:none;color:#5a5acf;cursor:pointer;font:inherit;font-weight:700;outline:inherit;padding:0}#about button:hover{color:#3636a7}#show-more-span{display:flex;max-height:0;opacity:0;overflow:hidden}#show-more-span.collapsed{animation:hideMore 1s 0s forwards;max-height:0;opacity:0;overflow:hidden}#show-more-span.expanded{animation:showMore 1s 0s forwards;max-height:100%}@keyframes showMore{0%{max-height:0;opacity:1}to{max-height:1000px;opacity:1}}@keyframes hideMore{0%{max-height:1000px;opacity:1}to{max-height:0;opacity:1}}#lessons{background-color:var(--accent-color);text-align:justify}#lessons button{background:none;border:none;color:#5a5acf;cursor:pointer;font:inherit;font-weight:700;margin:0;outline:inherit;padding:0}#lessons button:hover{color:#3636a7}#bug-photo{border:10px solid #fff;display:block;filter:brightness(115%) contrast(115%) drop-shadow(10px 10px 10px black);-webkit-filter:brightness(115%) contrast(115%) drop-shadow(10px 10px 10px #000);margin:10px auto 3rem;transform:rotate(-8deg);width:60%}#gigs{background-color:var(--primary-color);padding-bottom:20px;text-align:justify}ul{list-style-type:none;margin:0;padding:0}#repertoire button{color:#5a5acf;cursor:pointer;font-family:var(--body-font);font-size:1rem;font-weight:700;margin-left:140px;padding:0}#repertoire button:hover{color:#3636a7}#repertoire button:active{background-color:none}#and-more{font-size:1.2rem;font-style:italic;padding-bottom:30px;padding-top:30px;text-align:center}.composer{float:right}.song{font-style:italic}#repertoire-list{background-color:#b8daff;margin:20px auto 0;max-height:0;opacity:0;overflow:hidden;padding:0 30%;width:40%}#repertoire-list h2{padding-top:3rem}#repertoire-list.visible{animation:showRepertoire 2s 0s forwards;max-height:100%}#repertoire-list.hidden{animation:hideRepertoire 1s 0s forwards;max-height:0;opacity:0;overflow:hidden}@keyframes showRepertoire{0%{max-height:0;opacity:1}to{max-height:2000px;opacity:1}}@keyframes hideRepertoire{0%{max-height:2000px;opacity:1}to{max-height:0;opacity:1}}#contact{background-color:var(--accent-color);scroll-behavior:smooth}#contact h2{margin-bottom:20px}#contact form{grid-column-gap:10px;display:grid;grid-template-areas:". name email ." ". message message ." ". submit submit .";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;justify-items:center}#contact input{border:none;font-family:var(--ornamental-font);margin-bottom:30px;padding:20px;width:25vw}#input-name{grid-area:name}#input-email{grid-area:email}#contact textarea{border:none;font-family:var(--ornamental-font);grid-area:message;margin-bottom:30px;min-height:200px;padding:3%;resize:vertical;width:94%}#contact button{grid-area:submit;padding:20px 40px}#contact button:hover{background-color:#ebebeb}#thank-you-message{background-color:var(--accent-color);font-family:var(--header-font);font-size:2rem;padding:30vh 0;text-align:center}@media (max-width:600px){#contact{padding:40px 20px}#contact input{padding:20px 3%!important;width:94%!important}#contact form{justify-items:inherit!important}}#sig{display:block;height:204px;left:10px;position:relative;top:15px;transform:rotate(-13deg)}#guitar,#sig{position:absolute}#guitar{opacity:40%;width:100%}#logo-box{background-color:#fff9;border-radius:100%;height:250px;left:50%;mix-blend-mode:screen;position:absolute;top:55%;transform:translate(-50%,-50%);width:250px}#header{background-image:url(../../static/media/background.2cd73369276fe8919163.webp);background-size:cover;height:78vh;position:relative}#header button{background-color:#fff9}#header button:hover{background-color:#ffffff80}@media (min-width:601px){nav{left:50%;mix-blend-mode:screen;position:absolute;text-align:center;top:90%;transform:translate(-50%,-50%);width:100%}}@media (max-width:600px){.hamburger{position:absolute!important;right:30px;top:30px;z-index:10}#header{background-position:bottom}#logo-box{height:200px;width:200px}#sig{height:167px}nav{background-color:#fbf1e4;display:flex;flex-direction:column;padding:35vw 5% 60vh;position:absolute;right:-50%;width:40%;z-index:2}nav.visible{animation:showMenu .3s 0s forwards}nav.hidden{animation:hideMenu .3s 0s forwards}@keyframes showMenu{to{right:0}}@keyframes hideMenu{0%{right:0}to{right:-50%}}#header nav button{background-color:#fff0}}
/*# sourceMappingURL=main.a7ec0dea.css.map*/