a{font-weight:700}.circle{width:15px;height:15px;border-radius:50%;border:1px solid grey;margin-right:5px;display:inline-block;background:#fff}.circle--green{background:#2a8c3b;border:none}.main-img{position:relative;max-width:834px;width:100%}.main-img .overlay{position:absolute;content:"";transition:.15s;top:0;left:0;width:18.51852%;height:100%;background:rgba(255,87,34,.16862745098039217)}.circle-container{position:relative;width:12em;height:12em;border-radius:50%;padding:0;list-style:none;border:4px solid tomato;transition:.15s}.circle-container>*{display:block;position:absolute;top:50%;left:50%;margin:-1.75em;width:3.5em;height:3.5em}.circle-container>:first-of-type{transform:rotate(268deg) translate(6em) rotate(-268deg)}.circle-container>:nth-of-type(2){transform:rotate(319.42857deg) translate(6em) rotate(-319.42857deg)}.circle-container>:nth-of-type(3){transform:rotate(370.85714deg) translate(6em) rotate(-370.85714deg)}.circle-container>:nth-of-type(4){transform:rotate(422.28571deg) translate(6em) rotate(-422.28571deg)}.circle-container>:nth-of-type(5){transform:rotate(473.71429deg) translate(6em) rotate(-473.71429deg)}.circle-container>:nth-of-type(6){transform:rotate(525.14286deg) translate(6em) rotate(-525.14286deg)}.circle-container>:nth-of-type(7){transform:rotate(576.57143deg) translate(6em) rotate(-576.57143deg)}.circle-container li{display:flex;justify-content:center;align-items:center;max-width:100%;border-radius:50%;filter:grayscale(100%);border:2px solid tomato;transition:.15s;background:#fff}.circle-container li:hover{filter:grayscale(0)}.circle-container span{transition:.5s}.chord{position:absolute}.chord-1{top:-55px;right:95px}.chord-2{top:11px;right:-25px}.chord-3{top:102px;right:-48px}.chord-4{top:195px;right:7px}.chord-5{top:199px;right:167px}.chord-6{top:107px;left:-48px}.chord-7{top:7px;left:-27px}body{position:relative;height:100vh}body:after{position:fixed;top:0;left:0;content:"";width:100%;height:100%;background-image:url(../img/beethoven.8021da1a.jpeg);background-position:50%;background-size:cover;z-index:-1;opacity:.2}@media (max-width:900px){body:after{opacity:.1}}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}strong{font-weight:bolder}img{border-style:none}select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;text-transform:none}template{display:none}h1,h3,p,ul{margin:0}ul{list-style:none;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border-width:0;border-color:#e2e8f0}*,:after,:before,img{border-style:solid}h1,h3{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,select{color:inherit}select{padding:0;line-height:inherit}img{display:block;vertical-align:middle;max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.border-orange-500{--border-opacity:1;border-color:#ed8936;border-color:rgba(237,137,54,var(--border-opacity))}.rounded-xl{border-radius:.75rem}.border-2{border-width:2px}.border{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.font-bold{font-weight:700}.text-2xl{font-size:1.5rem}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mb-4{margin-bottom:1rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.outline-none{outline:2px solid transparent;outline-offset:2px}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pb-4{padding-bottom:1rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.text-orange-600{--text-opacity:1;color:#dd6b20;color:rgba(221,107,32,var(--text-opacity))}.text-blue-700{--text-opacity:1;color:#2b6cb0;color:rgba(43,108,176,var(--text-opacity))}.underline{text-decoration:underline}.w-12{width:3rem}.w-full{width:100%}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width:900px){.desktop\:flex{display:flex}.desktop\:text-4xl{font-size:2.25rem}.desktop\:mb-0{margin-bottom:0}.desktop\:pb-16{padding-bottom:4rem}.desktop\:w-1\/5{width:20%}.desktop\:w-2\/5{width:40%}}