*{border:0;color:#fff;line-height:1em;margin:0;outline:none;padding:0;vertical-align:initial}html{font-size:16px}body{background-color:#323144}a{text-decoration:none}button,div,label,p,span{font-family:Poppins,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,sans-serif}input[type=range]{cursor:pointer}.main-container{margin:0 auto;padding:1rem}@media(min-width:741px){.main-container{padding:2rem}}.u-link{color:#55cdfc;transition:.3s}.u-link:hover{color:#f7a8b8}.a11y{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.u-music-container{background-color:#181616;min-height:100vh}.u-music-container *{color:#918080}.u-music-container h1,.u-music-container h2,.u-music-container h3,.u-music-container h4,.u-music-container h5,.u-music-container h6{font-family:Fondamento,serif}.u-music-container h1{color:#c4acac;display:flex;flex-direction:column;gap:.5rem}.u-music-container h1 span{font-size:.75rem}.u-music-container h3{color:#aa9696;font-size:1.4rem;padding-bottom:.75rem}.u-music-container ul{padding-bottom:.75rem;padding-left:1rem}.u-music-container li{padding:.25rem 0}.u-music-container__inner{margin:0 auto;max-width:45rem;padding:.5rem 1.25rem}.u-music-container__content-block{line-height:1.06rem;padding-bottom:.75rem}.u-music-container__link{border:.125rem dotted #0000;color:#9c2a2a;text-decoration:underline;transition:.2s}.u-music-container__link:hover{color:#be3333}.u-music-container__link:focus{border-color:#5d9c2a}.u-music-container__link:active{color:#9c2a2a}.u-music-container__nested-list{padding-bottom:.75rem}.u-music-container__nested-list>li{list-style:none}.u-music-container__nested-list ul{padding-bottom:.75rem;padding-left:1.25rem;padding-top:.25rem}.u-music-container__nested-list ul li{padding-bottom:.25rem}.about{margin:2rem auto 5.5rem;max-width:56.25rem;padding:.75rem .75rem 1rem;position:relative}@media(min-width:741px){.about:after,.about:before{border:.5rem solid #fff;border-bottom:none;content:"";height:12.5rem;position:absolute;top:-1rem;width:12.5rem;z-index:-1}.about:before{border-right:none;left:-1rem}.about:after{border-left:none;right:-1rem}}.about__heading{animation:fade-in 2s ease-in;padding-bottom:1rem}.about__content-container{animation:fade-in 2s ease-in;margin:0 auto;max-width:37.5rem}.about__content-copy{line-height:1.4em;padding-bottom:1rem}.about__contact{font-size:1.2rem}.about__contact-link{position:relative}.about__contact-link:before{border-bottom:.25rem solid #55cdfc;bottom:0;content:"";left:0;position:absolute;visibility:hidden;width:.75rem}.about__contact-link:hover:before{animation:contact 1s}@media(min-width:1181px){.about__decoration-top:after,.about__decoration-top:before{border:.5rem solid #fff;border-bottom:none;content:"";height:18rem;position:absolute;top:-3rem;width:10rem}.about__decoration-top:before{border-right:none;left:-3rem}.about__decoration-top:after{border-left:none;right:-3rem}}@media(min-width:741px){.about__decoration-bottom-inner:after,.about__decoration-bottom-inner:before{border:.5rem solid #fff;border-top:none;bottom:-1rem;content:"";height:6rem;position:absolute;width:4rem}.about__decoration-bottom-inner:before{border-right:none;left:-1rem}.about__decoration-bottom-inner:after{border-left:none;right:-1rem}}@media(min-width:1181px){.about__decoration-bottom-outer:after,.about__decoration-bottom-outer:before{border:.5rem solid #fff;border-top:none;bottom:-3rem;content:"";height:12rem;position:absolute;width:10rem}.about__decoration-bottom-outer:before{border-right:none;left:-3rem}.about__decoration-bottom-outer:after{border-left:none;right:-3rem}}@keyframes contact{0%{opacity:0;visibility:visible;width:.75rem}50%{opacity:1;width:4.25rem}70%{left:3rem;opacity:1;width:-1.25rem}to{opacity:0;width:0}}.album-idea-generator__inner{box-sizing:border-box;margin:0 auto;max-width:100%;padding:.5rem 1.25rem;width:max-content}.album-idea-generator__title-container{padding-bottom:1.25rem}.album-idea-generator__intro-container{padding-bottom:1rem}.album-idea-generator__intro{max-width:35rem;width:100%}.album-idea-generator__card{background-color:#aa9696;border:.5rem double #645959;border-radius:.5rem;box-sizing:border-box;margin:0 auto 1.5rem;max-width:25rem;padding:1rem;width:100%}.album-idea-generator__card h2{color:#6d1e1e;font-size:1.2rem;padding-bottom:1rem;text-decoration:underline}.album-idea-generator__card p{color:#181616;line-height:1.5}.album-idea-generator__card p strong{background-color:#c4acac;border:.0125rem solid #6d1e1e;color:#6d1e1e;font-size:1.2rem;line-height:2rem;padding:0 .25rem}.album-idea-generator__card ul{padding-left:0}.album-idea-generator__card li{color:#181616;display:flex;gap:1rem;justify-content:space-between;line-height:1.2rem;padding-bottom:.5rem}.album-idea-generator__content-top{align-items:center;display:flex;justify-content:space-between;padding-bottom:.75rem}.album-idea-generator__btn{background-color:#9c2a2a;border-radius:.25rem;color:#aa9696;cursor:pointer;font-weight:700;padding:.5rem .75rem;transition:background-color .2s}.album-idea-generator__btn:focus-visible,.album-idea-generator__btn:hover{background-color:#6d1e1e}.album-idea-generator__btn:active{background-color:#9c2a2a}.audio-player{border:.063rem solid #bba4a4;border-radius:.25rem;margin-bottom:1.25rem;max-width:18.75rem;padding-right:.5rem;position:relative}.audio-player__controls{background:#0000;display:flex;justify-content:space-between;position:absolute;top:.5rem;width:100%}.audio-player__play-btn{cursor:pointer}.audio-player__info{align-items:center;display:flex;flex-direction:column}.audio-player__progress{display:flex;gap:.5rem}.audio-player__time{width:2.125rem}.audio-player__progress-slider{cursor:grabbing;width:4.688rem}.audio-player__volume{align-items:center;display:flex;gap:.25rem;padding-right:.5rem}.audio-player__volume-slider{cursor:grabbing;width:3.125rem}.audio-player__play-icon{margin-left:.063rem;margin-right:-.063rem}.audio-player canvas{height:3.125rem;width:18.75rem}.audio-player audio{background-color:#323144}.audio-player audio:active button{cursor:not-allowed}.audio-player button{background:#0000;border:none;border-radius:0;padding:.5rem}.audio-player button:hover{background-color:rgba(228,234,226,.541)}.audio-player button:active{background:#0000}.awf-header{padding:1rem}.awf-header h1 a{font-family:Garamond,Georgia,serif;font-size:2.2rem}.awf-header ul{align-items:center;display:flex;gap:1rem;justify-content:space-between;list-style-type:none;margin:0 auto;max-width:31rem;padding:0}.awf-header a{color:#b5a81d;font-family:Helvetica,Arial,sans-serif;transition:color .2s}.awf-header a:focus-visible,.awf-header a:hover{color:#696211}.awf-header a:active{color:#b5a81d}.awf-history{background-color:#06171c;min-height:100vh}.awf-history__inner{padding:1rem}@media(min-width:741px){.awf-history__inner{padding:2rem}}.awf-history__list{list-style:none;margin:0 auto;max-width:20rem;padding:0}.awf-history__list-item{padding-bottom:.5rem}.awf-history__link{display:flex;gap:1rem;justify-content:space-between}.awf-history__link:focus-visible .awf-history__date,.awf-history__link:focus-visible .awf-history__title,.awf-history__link:hover .awf-history__date,.awf-history__link:hover .awf-history__title{color:#696211}.awf-history__link:active .awf-history__date,.awf-history__link:active .awf-history__title{color:#b5a81d}.awf-history__date,.awf-history__title{color:#b5a81d;font-family:Helvetica,Arial,sans-serif;transition:.2s;width:50%}.awf-post{background-color:#06171c;min-height:100vh}.awf-post__inner{margin:0 auto;max-width:31rem;padding:1rem}@media(min-width:741px){.awf-post__inner{padding:2rem}}.awf-post__heading-container{align-items:baseline;display:flex;flex-wrap:wrap-reverse;gap:.5rem;justify-content:space-between;padding-bottom:.25rem}.awf-post__heading{color:#b5a81d;font-family:Garamond,Georgia,serif;font-size:1.75rem}.awf-post__date{color:#b5a81d;font-family:Helvetica,Arial,sans-serif}.awf-post__subheading{color:#b5a81d;font-family:Garamond,Georgia,serif;font-size:1.5rem;padding-bottom:.25rem}.awf-post__paragraph{color:#b2d0d9;font-family:Helvetica,Arial,sans-serif;line-height:1.6rem;padding-bottom:1rem}.color-picker{background-color:#fff;border:.063rem solid #000;border-radius:.25rem;box-sizing:border-box;opacity:1;padding:.5rem;transition:opacity .3s}.color-picker--inactive{opacity:0}.color-picker__input{border-radius:.25rem;height:2.5rem;width:6.25rem}.color-picker__value{color:#000;text-align:center}.contact{box-sizing:border-box;min-height:calc(100vh - 18.375rem);padding:1rem}.contact p{animation:fade-in 2s ease-in;line-height:1.4rem}.contact__writeup{max-width:20rem}.contact__list,.contact__writeup{background-color:#323144;position:relative}.contact__list{display:grid;grid-template-areas:"a" "b" "c" "d";margin:0 auto;padding-top:1rem;width:max-content}.contact__thanks{max-width:20rem;padding-bottom:5.5rem;padding-top:2rem;position:relative;text-align:center}@media(min-width:426px){.contact{padding:3rem}.contact__writeup{margin:0 auto 3rem;max-width:31rem}.contact__writeup:after,.contact__writeup:before{border-top:.5rem solid #fff;content:"";height:12rem;position:absolute;top:-1.5rem;width:6rem}.contact__writeup:before{border-left:.5rem solid #fff;left:-1.5rem}.contact__writeup:after{border-right:.5rem solid #fff;right:-1.5rem}.contact__writeup p{line-height:1.4rem}.contact__divider:before{background-color:#fff;bottom:-2rem;content:"";height:.25rem;left:50%;position:absolute;transform:translateX(-50%);width:10rem;z-index:1}.contact__list{padding-top:0}.contact__list:after{border-bottom:.25rem solid #fff;bottom:-1.5rem;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:10rem}.contact__thanks{margin:1.5rem auto 0;max-width:31rem;padding-bottom:5.5rem;position:relative;text-align:center}.contact__thanks:after,.contact__thanks:before{border-bottom:.5rem solid #fff;bottom:2.5rem;content:"";height:8rem;position:absolute;width:10rem}.contact__thanks:before{border-left:.5rem solid #fff;left:-1.5rem}.contact__thanks:after{border-right:.5rem solid #fff;right:-1.5rem}}@media(min-width:741px){.contact{min-height:calc(100vh - 13.75rem);padding:0}.contact__writeup{margin:5rem auto;max-width:31.25rem}.contact__writeup:after,.contact__writeup:before{height:8.375rem;top:-2.5rem;width:12.5rem}.contact__writeup:before{left:-3.188rem}.contact__writeup:after{right:-3.188rem}.contact__sidebars:before{background-color:#fff;height:8.375rem;max-width:90vw;top:100%;width:62.5rem;z-index:-1}.contact__sidebars:after,.contact__sidebars:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.contact__sidebars:after{border:1rem solid #323144;height:4.688rem;max-width:80vw;top:6.5rem;width:56.25rem}.contact__divider:before{bottom:-4.375rem;width:15.625rem}.contact__divider:after{background-color:#323144;content:"";height:9.375rem;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:36.625rem}.contact__list{gap:1rem;grid-template-areas:"a b" "c d";max-width:31.25rem;padding:1rem 0}.contact__list:after{bottom:-.625rem;width:25rem}.contact__thanks{margin-top:4.25rem}.contact__thanks:after,.contact__thanks:before{bottom:2.5rem;height:8.125rem;width:12.5rem}.contact__thanks:before{left:-3.125rem}.contact__thanks:after{right:-3.125rem}}.contact-info{animation:fade-in 2s ease-in;font-size:1.1rem;list-style:none}.contact-info a{color:#55cdfc;display:inline-block;padding:.5rem 0;transition:.3s}.contact-info a:hover{color:#f7a8b8}.custom-gradient{align-items:center;box-sizing:border-box;display:flex;height:calc(100vh - 92px);justify-content:center;position:relative}.custom-gradient__toolbar-btn{background:#0000;border:.063rem solid #0000;bottom:0;cursor:pointer;font-size:2rem;position:fixed;transform:rotate(270deg);transition:font-size .2s}.custom-gradient__toolbar-btn:hover{font-size:2.5rem}.custom-gradient__toolbar-btn:focus{border-color:#f7a8b8}.custom-gradient__toolbar-btn--hidden{display:none}.dungeon-synth nav,.dungeon-synth__title-container{padding-bottom:1.25rem}.dungeon-synth nav{display:flex;flex-direction:column}.dungeon-synth nav a{padding-bottom:.25rem;transition:.2s;width:max-content}.dungeon-synth nav a:hover{color:#bba4a4}.dungeon-synth nav a:focus{border-color:#5d9c2a}.dungeon-synth nav a:active{color:#918080}.dungeon-synth__nav-title{color:#aa9696;font-size:1.2rem;padding-bottom:.5rem}.dungeon-synth section{padding-bottom:.5rem}.dungeon-synth__figure-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-bottom:.75rem}.dungeon-synth__figure-container img{max-height:200px}.dungeon-synth__figure{margin:0 auto;padding-bottom:.75rem;width:max-content}.dungeon-synth__figure img{max-height:200px}.dungeon-vault h1{padding-bottom:1.25rem}.dungeon-vault__artist-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style-type:none;padding-left:0!important}.dungeon-vault__artist-list li{min-width:8.125rem;width:25%}.dungeon-vault__artist-btn{background:#0000;border:.063rem solid #0000;cursor:pointer;padding:.5rem .25rem;text-align:left;transition:.2s}.dungeon-vault__artist-btn:hover{color:#c4acac}.dungeon-vault__artist-btn:focus-within{border-color:#5d9c2a}.dungeon-vault__artist-btn:active{color:#918080}.dungeon-vault__artist-btn--active{color:#9c2a2a;cursor:auto}.dungeon-vault__artist-btn--active:active,.dungeon-vault__artist-btn--active:hover{color:#9c2a2a}.embedded-music{padding-bottom:2rem;padding-top:1rem}.embedded-music__player{border:0;display:block;height:19.1875rem;margin:0 auto;max-width:25rem;width:100%}.embedded-music__select-container{margin:0 auto 1.25rem;max-width:100%;position:relative;width:max-content}.embedded-music__select-container:after{content:"⌄";position:absolute;right:.5rem;top:.375rem}.embedded-music select{appearance:none;background-color:#181616;border:.063rem solid #918080;box-sizing:border-box;max-width:100%;padding:.5rem;position:relative;width:25rem}.embedded-music select optgroup{color:#be3333}.footer{align-items:center;background-color:hsla(0,0%,100%,.247);display:flex;justify-content:space-between;padding:.5rem 1rem}.footer__icon-container{align-items:center;display:flex;gap:1.25rem;list-style-type:none}.gradient-direction{box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;padding-top:1rem}.gradient-direction__row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.gradient-direction-btn{align-items:center;background:#0000;border:.063rem solid #0000;border-radius:.25rem;cursor:pointer;display:flex;font-size:2rem;height:2.25rem;justify-content:center;overflow:hidden;transition:.3s;width:2.25rem}.gradient-direction-btn--active,.gradient-direction-btn:focus,.gradient-direction-btn:hover{border-color:#f7a8b8}.gradient-direction-btn--active .gradient-direction-btn__arrow{color:#55cdfc}.gradient-direction-btn__arrow{color:#fff}.gradient-direction-btn__arrow--top-left{transform:rotate(225deg)}.gradient-direction-btn__arrow--top{transform:rotate(270deg)}.gradient-direction-btn__arrow--top-right{transform:rotate(315deg)}.gradient-direction-btn__arrow--left{transform:rotate(180deg)}.gradient-direction-btn__arrow--bot-left{transform:rotate(135deg)}.gradient-direction-btn__arrow--bot{transform:rotate(90deg)}.gradient-direction-btn__arrow--bot-right{transform:rotate(45deg)}.gradient-toolbar{background-color:#323144;bottom:0;height:0;overflow:hidden;position:absolute;transition:height .5s,opacity .5s;width:100%}.gradient-toolbar--active{height:20rem}@media(min-width:741px){.gradient-toolbar--active{height:12.5rem}}.gradient-toolbar__inner{box-sizing:border-box;margin:0 auto;max-width:60rem;padding:1rem 0;position:relative}.gradient-toolbar__code{background-color:#fff;border-radius:.25rem;box-sizing:border-box;color:#323144;line-height:1.5em;margin:0 auto;padding:.75rem;text-align:center;width:15rem}@media(min-width:741px){.gradient-toolbar__code{line-height:1em;width:28rem}}.gradient-toolbar__close{background:#323144;border:.125rem solid #fff;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.4rem;height:2rem;position:absolute;right:1rem;top:.75rem;transition:.3s;width:2rem}.gradient-toolbar__close:focus,.gradient-toolbar__close:hover{border-color:#f7a8b8;color:#55cdfc}.gradient-toolbar__tools-container{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:1rem 1rem 0}@media(min-width:741px){.gradient-toolbar__tools-container{justify-content:space-between;padding-top:0}}.gradient-toolbar__middle-tools{align-items:center;display:flex;justify-content:space-evenly;order:3;width:100%}@media(min-width:741px){.gradient-toolbar__middle-tools{gap:6rem;justify-content:space-between;order:0;width:auto}}.gradient-type{border:.063rem solid #fff;border-radius:.25rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:.75rem}.gradient-type-radio{color:#fff}.gradient-type-radio input{cursor:pointer;margin-right:.25rem}.header{background-color:rgba(0,0,0,.247);box-sizing:border-box;padding:1.75rem 0;width:100%}.header__inner{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;list-style-type:none;margin:0 auto;width:20rem}@media(min-width:741px){.header__inner{width:100%}}.header-btn{align-items:center;background-color:#0000;border:.188rem solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9em;justify-content:center;padding:.5rem 0;position:relative;transition:.3s;width:7.5rem}.header-btn:after,.header-btn:before{content:"";position:absolute;transition:.3s}.header-btn:before{border-right:.188rem solid #fff;border-top:.188rem solid #fff;height:1rem;left:2.75rem;top:-.188rem;width:4.375rem}.header-btn:after{border-bottom:.188rem solid #fff;border-left:.188rem solid #fff;height:.625rem;left:-.188rem;top:1.25rem;width:5rem}.header-btn:focus-within,.header-btn:hover{color:#55cdfc}.header-btn:focus-within:before,.header-btn:hover:before{border-color:#f7a8b8;height:1.875rem;left:0;transition-delay:.3s;width:7.125rem}.header-btn:focus-within:after,.header-btn:hover:after{border-color:#f7a8b8;height:2.063rem;top:-.188rem;transition-delay:.3s;width:7.313rem}.header-btn:focus-within .header-btn__corner-one:before,.header-btn:hover .header-btn__corner-one:before{top:1.125rem}.header-btn:focus-within .header-btn__corner-one:after,.header-btn:hover .header-btn__corner-one:after{left:2.313rem}.header-btn:focus-within .header-btn__corner-two:before,.header-btn:hover .header-btn__corner-two:before{top:.625rem}.header-btn:focus-within .header-btn__corner-two:after,.header-btn:hover .header-btn__corner-two:after{left:4.813rem}.header-btn:active:after,.header-btn:active:before{border-radius:50%;left:.313rem;top:0;transform:rotate(10deg);transition:.3s ease-in}.header-btn:active:after,.header-btn:active:before{border-color:#bbd9e6}.header-btn--current{pointer-events:none}.header-btn--current:after,.header-btn--current:before{border-radius:50%;content:"";left:.313rem;position:absolute;top:0;transform:rotate(10deg)}.header-btn--current:before{border-right:.188rem solid #bbd9e6;border-top:.188rem solid #bbd9e6;height:1.875rem;width:7.125rem}.header-btn--current:after{border-bottom:.188rem solid #bbd9e6;border-left:.188rem solid #bbd9e6;height:2.063rem;width:7.313rem}.header-btn--current .header-btn__corner-one,.header-btn--current .header-btn__corner-two{display:none}.header-btn__corner-one:after,.header-btn__corner-one:before{background-color:#aaa;content:"";position:absolute;transition:.5s;z-index:-1}.header-btn__corner-one:before{height:.438rem;left:-.125rem;top:-.125rem;width:.063rem}.header-btn__corner-one:after{height:.063rem;left:-.063rem;top:-.125rem;width:.813rem}.header-btn__corner-two:after,.header-btn__corner-two:before{background-color:#aaa;content:"";position:absolute;transition:.5s;z-index:-1}.header-btn__corner-two:before{height:.375rem;left:7.188rem;top:1.563rem;width:.063rem}.header-btn__corner-two:after{height:.063rem;left:6.313rem;top:1.938rem;width:.938rem}.header-btn--with-sublist:focus-within .header-btn__sublist,.header-btn--with-sublist:hover .header-btn__sublist{opacity:1;visibility:visible}.header-btn__sublist{background-color:#fff;display:flex;flex-direction:column;list-style-type:none;min-width:100%;opacity:0;position:absolute;top:2.125rem;transition:.2s;visibility:hidden;z-index:1}.header-btn__subitem a{background-color:#fff;color:#323144;display:block;font-weight:700;padding:.5rem;transition:.2s}.header-btn__subitem a:focus-visible,.header-btn__subitem a:hover{background-color:#f7a8b882;color:#1a1a24}.header-btn__subitem a:active{color:#323144}.landing{font-size:2rem;left:50%;position:absolute;right:50%;top:50%;transform:translate(-50%,-50%);width:18rem}@media(min-width:741px){.landing{width:25rem}}.landing p{box-sizing:border-box;padding-bottom:.5rem}.landing__name{-webkit-text-fill-color:#0000;animation:name-pop 1s 2 alternate;background:linear-gradient(#55cdfc,#55cdfc,#fff,#f7a8b8,#f7a8b8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;transition:.3s}.landing__name:hover{text-shadow:0 -.25rem 1rem #55cdfc,0 .25rem 1rem #f7a8b8}@keyframes name-pop{to{text-shadow:0 -.25rem 1rem #55cdfc,0 .25rem 1rem #f7a8b8}}.landing__btn-container{margin:0 auto;padding-top:1.75rem;width:6.25rem}.landing__btn,.landing__btn-container{box-sizing:border-box;position:relative}.landing__btn{align-items:center;border:.25rem solid #fff;cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:2rem 0;transition:.2s}.landing__btn:after,.landing__btn:before{content:"";left:50%;position:absolute;transform:translateX(-50%);transition:.2s}.landing__btn:before{height:2rem;top:.5rem;width:.25rem}.landing__btn:after{border:.25rem solid #0000;border-radius:50%;border-top:none;height:3.5rem;top:1.25rem;width:3.5rem}.landing__btn:focus,.landing__btn:hover{border-radius:50%;color:#0000}.landing__btn:focus:before,.landing__btn:hover:before{background-color:#fff}.landing__btn:focus:after,.landing__btn:hover:after{border-color:#fff}.landing__btn:focus~.landing__decoration-double:before,.landing__btn:hover~.landing__decoration-double:before{height:21.25rem;width:16.5rem}@media(min-width:741px){.landing__btn:focus~.landing__decoration-double:before,.landing__btn:hover~.landing__decoration-double:before{height:22.25rem}}.landing__btn:focus~.landing__decoration-double:after,.landing__btn:hover~.landing__decoration-double:after{height:18rem;width:20.5rem}@media(min-width:741px){.landing__btn:focus~.landing__decoration-double:after,.landing__btn:hover~.landing__decoration-double:after{width:31.75rem}}.landing__btn:focus~.landing__decoration-single,.landing__btn:hover~.landing__decoration-single{height:4.5rem;width:15rem}.landing__btn:active{box-shadow:0 0 1.25rem #fff}.landing__btn:active:after,.landing__btn:active:before{box-shadow:inset 0 0 .5rem #9bff7c,0 0 .5rem #9bff7c}.landing__btn:active:before{background-color:#9bff7c}.landing__btn:active:after{border-color:#9bff7c}.landing__decoration-double:before{border-right:.5rem solid #fff;border-top:.5rem solid #fff;content:"";height:11.75rem;position:absolute;right:-7.5rem;top:-11.5rem;transition:.9s;width:7rem;z-index:-1}@media(min-width:741px){.landing__decoration-double:before{right:-13rem;top:-12rem;width:12.5rem}}.landing__decoration-double:after{border-bottom:.5rem solid #fff;border-left:.5rem solid #fff;bottom:-2rem;content:"";height:9.25rem;left:-7.5rem;position:absolute;transition:.6s;width:10rem;z-index:-1}@media(min-width:741px){.landing__decoration-double:after{bottom:-3rem;left:-13rem;width:26.25rem}}.landing__decoration-single{border-left:.5rem solid #fff;border-top:.5rem solid #fff;height:2.5rem;left:-7.5rem;position:absolute;top:-11.5rem;transition:.4s;width:5rem;z-index:-1}@media(min-width:741px){.landing__decoration-single{left:-13rem;top:-12rem}}.loading{align-items:center;background-color:#323144;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%}.loading__spinner{animation:spin 1s ease infinite;border:.25rem solid rgba(85,205,252,.129);border-radius:50%;border-top-color:#f7a8b882;height:1.25rem;width:1.25rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music h1{padding-bottom:1.25rem}.music-header{background-color:#292626;box-sizing:border-box;margin-bottom:1rem;padding:1.25rem;width:100%}.music-header__inner{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;list-style-type:none;padding:0!important;width:100%}.music-header nav{padding:0!important}.nav-link{color:#9c2a2a;padding:.5rem!important;text-decoration:underline;transition:.2s}.nav-link:hover{color:#be3333}.nav-link:focus{border-color:#5d9c2a}.nav-link:active{color:#9c2a2a}.nav-link--current{color:#be3333;pointer-events:none;text-decoration:none}.output{align-items:center;background-color:rgba(0,0,0,.529);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:0;transition:opacity .3s,visibility .3s;visibility:hidden}.output--open{opacity:1;visibility:visible}.output__dialog{align-items:center;background-color:#eee;border-radius:.25rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin:0 auto;padding:1.75rem}.output h3{color:#323144}.output__content{background-color:#323144;border:.125rem solid #323144;border-radius:.25rem;box-sizing:border-box;padding:.5rem}.output__content:focus{border-color:#55cdfc}.output__content span{display:block;padding-bottom:.5rem}.output__btn{align-items:center;background:linear-gradient(#deeaee,#c7d9e0);border:none;border-radius:1.5rem;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa;box-sizing:border-box;color:#323144;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem 3.25rem;transition:.3s}.output__btn:focus,.output__btn:hover{box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa;color:gray}.output__btn:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.project-name-generator__inner{padding:0 1rem;text-align:center}.project-name-generator article,.project-name-generator__inner{align-items:center;display:flex;flex-direction:column;gap:2rem}.project-name-generator__btn{background-color:#9c2a2a;border-radius:.25rem;color:#aa9696;cursor:pointer;font-weight:700;padding:.5rem .75rem;transition:background-color .2s}.project-name-generator__btn:focus-visible,.project-name-generator__btn:hover{background-color:#6d1e1e}.project-name-generator__btn:active{background-color:#9c2a2a}.project-name-generator p{background-color:#c4acac;border:.5rem double #6d1e1e;border-radius:.5rem;box-shadow:0 0 1rem #aa9696,0 0 .5rem #5d9c2a,inset 0 0 1rem #645959,inset 0 0 .25rem #181616,inset 0 0 1rem #645959;color:#6d1e1e;font-size:1.4rem;padding:1rem}.projects{min-height:calc(100vh - 220px);padding:1rem}@media(min-width:961px){.projects{padding:3rem}}.projects *{box-sizing:border-box}.projects__list-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style-type:none;margin:0 auto;max-width:78.75rem}@media(min-width:961px){.projects__list-container{gap:1.75rem}}.projects__list-item{width:25rem}.project-card{display:inline-block;height:18.75rem;position:relative;width:100%}.project-card:hover{box-shadow:0 0 .75rem gray}.project-card:hover .project-card__overlay{opacity:1}.project-card:focus .project-card__overlay,.project-card:focus-within .project-card__overlay{opacity:1;outline:.063rem solid #f7a8b8}.project-card img{height:100%;object-fit:cover;width:100%}.project-card__overlay{background-color:rgba(0,0,0,.714);height:100%;left:0;opacity:0;padding:1.25rem;position:absolute;text-align:center;top:0;transition:.3s;width:100%}.project-card h2{padding-bottom:1.25rem}.project-card p{line-height:1.2em}.project-card__btn{background-color:#323144;border:.063rem solid #fff;bottom:1.25rem;cursor:pointer;font-size:.9rem;padding:.75rem 1.75rem;position:absolute;transition:.3s}.project-card__btn--single{left:1.5rem;width:calc(100% - 3rem)}.project-card__btn--code{left:1.5rem}.project-card__btn--app{right:1.5rem}.project-card__btn:focus,.project-card__btn:hover{background:#1a1a24;border-color:#f7a8b8;color:#55cdfc}.property-tab{position:relative;z-index:0}.property-tab label{color:#444}.property-tab .property-tab__heading{align-items:center;background:linear-gradient(#ddd,#ccc);border:none;border-radius:1.75rem;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa;box-sizing:border-box;color:#323144;cursor:pointer;display:flex;font-size:1rem;padding:.5rem 2.5rem;position:relative;transition:.3s;width:100%;z-index:1}.property-tab .property-tab__heading:focus-visible,.property-tab .property-tab__heading:hover{box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa;color:gray}.property-tab .property-tab__heading:focus-visible .property-tab__arrow:after,.property-tab .property-tab__heading:focus-visible .property-tab__arrow:before,.property-tab .property-tab__heading:hover .property-tab__arrow:after,.property-tab .property-tab__heading:hover .property-tab__arrow:before{background-color:gray}.property-tab .property-tab__heading:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.property-tab .property-tab__heading--open{background:#0000;box-shadow:none}.property-tab .property-tab__heading--open:focus-visible,.property-tab .property-tab__heading--open:hover{box-shadow:none}.property-tab .property-tab__heading--open:active{box-shadow:none}.property-tab .property-tab__heading--open .property-tab__arrow:before{transform:rotate(300deg)}.property-tab .property-tab__heading--open .property-tab__arrow:after{transform:rotate(426deg)}.property-tab .property-tab__arrow:after,.property-tab .property-tab__arrow:before{background-color:#323144;border-radius:.063rem;content:"";height:.125rem;position:absolute;top:1rem;transition:background-color .3s,left .5s,transform .7s;width:1rem}.property-tab .property-tab__arrow:before{left:1rem;transform:rotate(66deg)}.property-tab .property-tab__arrow:after{left:1.375rem;transform:rotate(114deg)}.property-tab__contents{background:linear-gradient(to bottom right,#ccc,#ddd);border-radius:1rem;box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa;margin-bottom:-2rem;max-height:0;opacity:0;overflow:hidden;padding:2.5rem .5rem .5rem;position:relative;transform:translateY(-2rem);transition:all .5s;visibility:hidden}.property-tab__contents--open{max-height:19.375rem;opacity:1;transition:all .5s,padding 0s;visibility:visible}.property-tab__toggle-container{display:flex;flex-wrap:wrap;padding-bottom:.5rem}.sandbox{align-items:center;display:flex;flex-direction:column-reverse;height:100vh;justify-content:center;overflow:hidden}@media(min-width:741px){.sandbox{flex-direction:row;height:auto;overflow:auto}}.sandbox__sidebar-container{background-color:#d3d3d3;border-top:.063rem solid #aaa;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 8.813rem);overflow-y:auto;padding:.75rem;width:100%}@media(min-width:741px){.sandbox__sidebar-container{width:15rem}}.sandbox__sidebar-container h2{color:#000;font-size:1.2rem}.sandbox__sidebar-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding-bottom:1rem}.sandbox__reset-btn{align-items:center;background:linear-gradient(#eedede,#e0c7c7);border:none;border-radius:1.5rem;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa;box-sizing:border-box;color:#323144;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem .75rem;transition:.3s}.sandbox__reset-btn:focus-visible,.sandbox__reset-btn:hover{box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa;color:gray}.sandbox__reset-btn:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.sandbox__done-btn{align-items:center;background:linear-gradient(#deeaee,#c7d9e0);border:none;border-radius:1.5rem;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa;box-sizing:border-box;color:#323144;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.5rem 3.25rem;transition:.3s}.sandbox__done-btn:focus-visible,.sandbox__done-btn:hover{box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa;color:gray}.sandbox__done-btn:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.secret{--cursorX:50vw;--cursorY:50vh;cursor:none;height:100vh;position:relative;width:100vw}.secret:before{background:radial-gradient(circle 10vmax at var(--cursorX) var(--cursorY),#0000 0,#000 80%);content:"";display:block;height:100%;pointer-events:none;position:fixed;width:100%}.secret h1{bottom:25%;color:#fff;font-size:.5rem;font-weight:400;left:15%;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.simple-picker{box-sizing:border-box;display:flex;justify-content:space-between;margin:0 1rem;max-width:25rem;width:100%}.skills{margin:0 auto;max-width:56.25rem;padding:.75rem;position:relative}@media(min-width:741px){.skills:after,.skills:before{border:.5rem solid #fff;border-bottom:none;content:"";height:12.5rem;position:absolute;top:-1rem;width:12.5rem}.skills:before{border-right:none;left:-1rem}.skills:after{border-left:none;right:-1rem}}@media(min-width:1181px){.skills__decoration:after,.skills__decoration:before{border:.5rem solid #fff;border-bottom:none;content:"";height:18rem;position:absolute;top:-3rem;width:10rem}.skills__decoration:before{border-right:none;left:-3rem}.skills__decoration:after{border-left:none;right:-3rem}}.skills__heading,.skills__list{animation:fade-in 2s ease-in}.skills__list{background-color:#d3d3d3;display:flex;flex-wrap:wrap;gap:1rem;list-style-type:none;margin:1rem auto;max-width:100%;padding:1rem;width:15rem}@media(min-width:741px){.skills__list{width:max-content}}.skill-container{text-align:center;width:7rem}.skill-container img{padding-bottom:10px}.skill-container figcaption{color:#000;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slider{align-items:center;display:flex;justify-content:space-between}.slider input{padding:.5rem 0;width:7.25rem}.stories{gap:1.25rem;max-width:40rem}.stories,.stories ul{display:flex;flex-direction:column}.stories ul{gap:.75rem;padding-left:1rem}.stories ul a *{color:inherit}.story{display:flex;flex-direction:column;gap:1.25rem;max-width:40rem;white-space:pre-wrap}.story a{align-items:center;border-radius:.25rem;display:flex;justify-content:center;padding:.5rem 1rem;transition:background-color .2s;width:max-content}.story a:focus,.story a:hover{background-color:#f7a8b882}.story a:active{background-color:#0000}.story a span{padding-bottom:.125rem}.story h1{font-family:Garamond,Georgia,serif}.story p{font-family:Helvetica,Arial,sans-serif;line-height:1.5}.swatches{height:100%;margin:0 auto;padding:1rem 4rem 1rem 1rem;position:relative}@media(min-width:741px){.swatches{padding-left:4rem}}.swatches__toggle-btn{background:#0000;cursor:pointer;font-size:4rem;height:2.25rem;position:absolute;right:1rem;top:.75rem;transition:transform .5s;width:2.25rem}.swatches__toggle-btn:hover .swatches__toggle-icon{height:2rem;width:2rem}.swatches__toggle-icon{border-radius:50%;bottom:.25rem;box-shadow:.25rem .063rem 0 0 #fff,.125rem .063rem 0 0 #fff,.563rem .25rem 0 0 #323114,.75rem .188rem 0 .063rem #fff,.75rem .375rem 0 .063rem #fff;display:block;height:1.875rem;position:relative;right:.5rem;transition:.3s;width:1.875rem}.swatches__toggle-icon--active{box-shadow:.188rem .063rem 0 0 #fff,.125rem .063rem 0 0 #fff,.563rem .25rem 0 0 #fff,.75rem .188rem 0 .063rem #fff,.75rem .375rem 0 .063rem #fff}.swatches__container{background-color:#000;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:52.25rem;padding:1rem;transition:background-color .5s ease-out}.swatches__container--white{background-color:#fff}.swatches__box{height:6.25rem;width:6.25rem}@media(min-width:741px){.swatches__box{height:9.25rem;width:9.25rem}}.toggle{padding:.5rem 0;width:50%}.toggle input{cursor:pointer;margin-right:.25rem}.test-div{margin:2rem auto}.test-div p{color:#000;font-size:2rem;overflow:hidden;text-align:center}
/*# sourceMappingURL=main.3e029f9c.css.map*/