*{color:#fff;vertical-align:baseline;border:0;outline:none;margin:0;padding:0;line-height:1em}html{font-size:16px}body{background-color:#323144}a{text-decoration:none}p,span,div,label,button{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 (width>=741px){.main-container{padding:2rem}}.u-link{color:#55cdfc;transition:all .3s}.u-link:hover{color:#f7a8b8}.a11y{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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;flex-direction:column;gap:.5rem;display:flex}.u-music-container h1 span{font-size:.75rem}.u-music-container h3{color:#aa9696;padding-bottom:.75rem;font-size:1.4rem}.u-music-container ul{padding-bottom:.75rem;padding-left:1rem}.u-music-container li{padding:.25rem 0}.u-music-container__inner{max-width:45rem;margin:0 auto;padding:.5rem 1.25rem}.u-music-container__content-block{padding-bottom:.75rem;line-height:1.06rem}.u-music-container__link{color:#9c2a2a;border:.125rem dotted #0000;text-decoration:underline;transition:all .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-top:.25rem;padding-bottom:.75rem;padding-left:1.25rem}.u-music-container__nested-list ul li{padding-bottom:.25rem}.about{max-width:56.25rem;margin:2rem auto 5.5rem;padding:.75rem .75rem 1rem;position:relative}@media (width>=741px){.about:before,.about:after{content:"";z-index:-1;border:.5rem solid #fff;border-bottom:none;width:12.5rem;height:12.5rem;position:absolute;top:-1rem}.about:before{border-right:none;left:-1rem}.about:after{border-left:none;right:-1rem}}.about__heading{padding-bottom:1rem;animation:2s ease-in fade-in}.about__content-container{max-width:37.5rem;margin:0 auto;animation:2s ease-in fade-in}.about__content-copy{padding-bottom:1rem;line-height:1.4em}.about__contact{font-size:1.2rem}.about__contact-link{position:relative}.about__contact-link:before{content:"";visibility:hidden;border-bottom:.25rem solid #55cdfc;width:.75rem;position:absolute;bottom:0;left:0}.about__contact-link:hover:before{animation:1s contact}@media (width>=1181px){.about__decoration-top:before,.about__decoration-top:after{content:"";border:.5rem solid #fff;border-bottom:none;width:10rem;height:18rem;position:absolute;top:-3rem}.about__decoration-top:before{border-right:none;left:-3rem}.about__decoration-top:after{border-left:none;right:-3rem}}@media (width>=741px){.about__decoration-bottom-inner:before,.about__decoration-bottom-inner:after{content:"";border:.5rem solid #fff;border-top:none;width:4rem;height:6rem;position:absolute;bottom:-1rem}.about__decoration-bottom-inner:before{border-right:none;left:-1rem}.about__decoration-bottom-inner:after{border-left:none;right:-1rem}}@media (width>=1181px){.about__decoration-bottom-outer:before,.about__decoration-bottom-outer:after{content:"";border:.5rem solid #fff;border-top:none;width:10rem;height:12rem;position:absolute;bottom:-3rem}.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%{opacity:1;width:-1.25rem;left:3rem}to{opacity:0;width:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.abstract{box-sizing:border-box;background-color:#26262e;min-height:100dvh;padding:3rem}.abstract h1{color:#fff;text-align:center;text-shadow:-.125rem -.125rem .3125rem #ee6cff,.125rem .125rem .3125rem #ee6cff,0 0 .625rem #ee6cff,0 0 1.25rem #ee6cff,0 0 2.5rem #ee6cff,0 0 5rem #ee6cff;padding-bottom:2rem}.abstract form{flex-direction:column;gap:1rem;display:flex}.abstract__options-container{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.abstract label{box-sizing:border-box;color:#fff;cursor:pointer;filter:drop-shadow(-.125rem -.125rem .125rem #ee6cff)drop-shadow(.125rem .125rem .125rem #ee6cff)grayscale(.5);opacity:.75;text-shadow:0 0 .0625px #ee6cff;border:.0625rem solid #ff8ded;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;width:7rem;height:7rem;padding:.5rem;transition:filter .2s,opacity .2s;display:flex}.abstract label:hover,.abstract label:focus-within,.abstract label:has(input:checked){filter:drop-shadow(-.125rem -.125rem .3125rem #ee6cff)drop-shadow(.125rem .125rem .3125rem #ee6cff);opacity:1}.abstract input[type=radio]{opacity:0;width:0;height:0;position:absolute}.abstract button{color:#fff;cursor:pointer;filter:drop-shadow(-.125rem -.125rem .3125rem #ee6cff)drop-shadow(.125rem .125rem .3125rem #ee6cff);text-shadow:-.125rem -.125rem .3125rem #ee6cff,.125rem .125rem .3125rem #ee6cff;background:0 0;border:.125rem solid #ff8ded;border-radius:.25rem;align-self:center;width:max-content;padding:1rem .75rem;font-size:1.25rem;transition:filter .2s,opacity .2s}.abstract button:disabled{cursor:not-allowed;filter:drop-shadow(-.125rem -.125rem .125rem #ee6cff)drop-shadow(.125rem .125rem .125rem #ee6cff)grayscale(.5);opacity:.75}.abstract__output{width:max-content;margin:0 auto;padding-top:1rem}.abstract__output-row{line-height:0}.abstract__output-block{color:#000;text-align:center;width:20px;height:20px;margin:0;padding:0;line-height:0;display:inline-block}.album-idea-generator__inner{box-sizing:border-box;width:max-content;max-width:100%;margin:0 auto;padding:.5rem 1.25rem}.album-idea-generator__title-container{padding-bottom:1.25rem}.album-idea-generator__intro-container{padding-bottom:1rem}.album-idea-generator__intro{width:100%;max-width:35rem}.album-idea-generator__card{box-sizing:border-box;background-color:#aa9696;border:.5rem double #645959;border-radius:.5rem;width:100%;max-width:25rem;margin:0 auto 1.5rem;padding:1rem}.album-idea-generator__card h2{color:#6d1e1e;padding-bottom:1rem;font-size:1.2rem;text-decoration:underline}.album-idea-generator__card p{color:#181616;line-height:1.5}.album-idea-generator__card p strong{color:#6d1e1e;background-color:#c4acac;border:.0125rem solid #6d1e1e;padding:0 .25rem;font-size:1.2rem;line-height:2rem}.album-idea-generator__card ul{padding-left:0}.album-idea-generator__card li{color:#181616;justify-content:space-between;gap:1rem;padding-bottom:.5rem;line-height:1.2rem;display:flex}.album-idea-generator__content-top{justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.album-idea-generator__btn{color:#aa9696;cursor:pointer;background-color:#9c2a2a;border-radius:.25rem;padding:.5rem .75rem;font-weight:700;transition:background-color .2s}.album-idea-generator__btn:hover,.album-idea-generator__btn:focus-visible{background-color:#6d1e1e}.album-idea-generator__btn:active{background-color:#9c2a2a}.audio-player{border:.063rem solid #bba4a4;border-radius:.25rem;max-width:18.75rem;margin-bottom:1.25rem;padding-right:.5rem;position:relative}.audio-player__controls{background:0 0;justify-content:space-between;width:100%;display:flex;position:absolute;top:.5rem}.audio-player__play-btn{cursor:pointer}.audio-player__info{flex-direction:column;align-items:center;display:flex}.audio-player__progress{gap:.5rem;display:flex}.audio-player__time{width:2.125rem}.audio-player__progress-slider{cursor:grabbing;width:4.688rem}.audio-player__volume{align-items:center;gap:.25rem;padding-right:.5rem;display:flex}.audio-player__volume-slider{cursor:grabbing;width:3.125rem}.audio-player__play-icon{margin-left:.063rem;margin-right:-.063rem}.audio-player canvas{width:18.75rem;height:3.125rem}.audio-player audio{background-color:#323144}.audio-player audio:active button{cursor:not-allowed}.audio-player button{background:0 0;border:none;border-radius:0;padding:.5rem}.audio-player button:hover{background-color:#e4eae28a}.audio-player button:active{background:0 0}.awf-header{padding:1rem}.awf-header h1 a{font-family:Garamond,Georgia,serif;font-size:2.2rem}.awf-header ul{justify-content:space-between;align-items:center;gap:1rem;max-width:31rem;margin:0 auto;padding:0;list-style-type:none;display:flex}.awf-header a{color:#b5a81d;font-family:Helvetica,Arial,sans-serif;transition:color .2s}.awf-header a:hover,.awf-header a:focus-visible{color:#696211}.awf-header a:active{color:#b5a81d}.awf-history{background-color:#06171c;min-height:100vh}.awf-history__inner{padding:1rem}@media (width>=741px){.awf-history__inner{padding:2rem}}.awf-history__list{max-width:20rem;margin:0 auto;padding:0;list-style:none}.awf-history__list-item{padding-bottom:.5rem}.awf-history__link{justify-content:space-between;gap:1rem;display:flex}.awf-history__link:hover .awf-history__title,.awf-history__link:hover .awf-history__date,.awf-history__link:focus-visible .awf-history__title,.awf-history__link:focus-visible .awf-history__date{color:#696211}.awf-history__link:active .awf-history__title,.awf-history__link:active .awf-history__date{color:#b5a81d}.awf-history__title,.awf-history__date{color:#b5a81d;width:50%;font-family:Helvetica,Arial,sans-serif;transition:all .2s}.awf-post{background-color:#06171c;min-height:100vh}.awf-post__inner{max-width:31rem;margin:0 auto;padding:1rem}@media (width>=741px){.awf-post__inner{padding:2rem}}.awf-post__heading-container{flex-wrap:wrap-reverse;justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.25rem;display:flex}.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;padding-bottom:.25rem;font-family:Garamond,Georgia,serif;font-size:1.5rem}.awf-post__paragraph{color:#b2d0d9;padding-bottom:1rem;font-family:Helvetica,Arial,sans-serif;line-height:1.6rem}.color-picker{box-sizing:border-box;opacity:1;background-color:#fff;border:.063rem solid #000;border-radius:.25rem;padding:.5rem;transition:opacity .3s}.color-picker--inactive{opacity:0}.color-picker__input{border-radius:.25rem;width:6.25rem;height:2.5rem}.color-picker__value{color:#000;text-align:center}.contact{box-sizing:border-box;min-height:calc(100vh - 18.375rem);padding:1rem}.contact p{line-height:1.4rem;animation:2s ease-in fade-in}.contact__writeup{background-color:#323144;max-width:20rem;position:relative}.contact__list{background-color:#323144;grid-template-areas:"a""b""c""d";width:max-content;margin:0 auto;padding-top:1rem;display:grid;position:relative}.contact__thanks{text-align:center;max-width:20rem;padding-top:2rem;padding-bottom:5.5rem;position:relative}@media (width>=426px){.contact{padding:3rem}.contact__writeup{max-width:31rem;margin:0 auto 3rem}.contact__writeup:before,.contact__writeup:after{content:"";border-top:.5rem solid #fff;width:6rem;height:12rem;position:absolute;top:-1.5rem}.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{content:"";z-index:1;background-color:#fff;width:10rem;height:.25rem;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.contact__list{padding-top:0}.contact__list:after{content:"";border-bottom:.25rem solid #fff;width:10rem;height:0;position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%)}.contact__thanks{text-align:center;max-width:31rem;margin:1.5rem auto 0;padding-bottom:5.5rem;position:relative}.contact__thanks:before,.contact__thanks:after{content:"";border-bottom:.5rem solid #fff;width:10rem;height:8rem;position:absolute;bottom:2.5rem}.contact__thanks:before{border-left:.5rem solid #fff;left:-1.5rem}.contact__thanks:after{border-right:.5rem solid #fff;right:-1.5rem}}@media (width>=741px){.contact{min-height:calc(100vh - 13.75rem);padding:0}.contact__writeup{max-width:31.25rem;margin:5rem auto}.contact__writeup:before,.contact__writeup:after{width:12.5rem;height:8.375rem;top:-2.5rem}.contact__writeup:before{left:-3.188rem}.contact__writeup:after{right:-3.188rem}.contact__sidebars:before{content:"";z-index:-1;background-color:#fff;width:62.5rem;max-width:90vw;height:8.375rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.contact__sidebars:after{content:"";border:1rem solid #323144;width:56.25rem;max-width:80vw;height:4.688rem;position:absolute;top:6.5rem;left:50%;transform:translate(-50%)}.contact__divider:before{width:15.625rem;bottom:-4.375rem}.contact__divider:after{content:"";background-color:#323144;width:36.625rem;height:9.375rem;position:absolute;top:100%;left:50%;transform:translate(-50%)}.contact__list{grid-template-areas:"a b""c d";gap:1rem;max-width:31.25rem;padding:1rem 0}.contact__list:after{width:25rem;bottom:-.625rem}.contact__thanks{margin-top:4.25rem}.contact__thanks:before,.contact__thanks:after{width:12.5rem;height:8.125rem;bottom:2.5rem}.contact__thanks:before{left:-3.125rem}.contact__thanks:after{right:-3.125rem}}.contact-info{font-size:1.1rem;list-style:none;animation:2s ease-in fade-in}.contact-info a{color:#55cdfc;padding:.5rem 0;transition:all .3s;display:inline-block}.contact-info a:hover{color:#f7a8b8}.custom-gradient{box-sizing:border-box;justify-content:center;align-items:center;height:calc(100vh - 92px);display:flex;position:relative}.custom-gradient__toolbar-btn{cursor:pointer;background:0 0;border:.063rem solid #0000;font-size:2rem;transition:font-size .2s;position:fixed;bottom:0;transform:rotate(270deg)}.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__title-container{padding-bottom:1.25rem}.dungeon-synth nav{flex-direction:column;padding-bottom:1.25rem;display:flex}.dungeon-synth nav a{width:max-content;padding-bottom:.25rem;transition:all .2s}.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;padding-bottom:.5rem;font-size:1.2rem}.dungeon-synth section{padding-bottom:.5rem}.dungeon-synth__figure-container{flex-wrap:wrap;justify-content:center;gap:2rem;padding-bottom:.75rem;display:flex}.dungeon-synth__figure-container img{max-height:200px}.dungeon-synth__figure{width:max-content;margin:0 auto;padding-bottom:.75rem}.dungeon-synth__figure img{max-height:200px}.dungeon-vault h1{padding-bottom:1.25rem}.dungeon-vault__artist-list{flex-wrap:wrap;justify-content:space-between;list-style-type:none;display:flex;padding-left:0!important}.dungeon-vault__artist-list li{width:25%;min-width:8.125rem}.dungeon-vault__artist-btn{cursor:pointer;text-align:left;background:0 0;border:.063rem solid #0000;padding:.5rem .25rem;transition:all .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:hover,.dungeon-vault__artist-btn--active:active{color:#9c2a2a}.embedded-music{padding-top:1rem;padding-bottom:2rem}.embedded-music__player{border:0;width:100%;max-width:25rem;height:19.1875rem;margin:0 auto;display:block}.embedded-music__select-container{width:max-content;max-width:100%;margin:0 auto 1.25rem;position:relative}.embedded-music__select-container:after{content:"⌄";position:absolute;top:.375rem;right:.5rem}.embedded-music select{appearance:none;box-sizing:border-box;background-color:#181616;border:.063rem solid #918080;width:25rem;max-width:100%;padding:.5rem;position:relative}.embedded-music select optgroup{color:#be3333}.footer{background-color:#ffffff3f;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.footer__icon-container{align-items:center;gap:1.25rem;list-style-type:none;display:flex}.gradient-direction{box-sizing:border-box;flex-direction:column;gap:.25rem;padding-top:1rem;display:flex}.gradient-direction__row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.gradient-direction-btn{cursor:pointer;background:0 0;border:.063rem solid #0000;border-radius:.25rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:2rem;transition:all .3s;display:flex;overflow:hidden}.gradient-direction-btn:hover,.gradient-direction-btn:focus,.gradient-direction-btn--active{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;width:100%;height:0;transition:height .5s,opacity .5s;position:absolute;bottom:0;overflow:hidden}.gradient-toolbar--active{height:20rem}@media (width>=741px){.gradient-toolbar--active{height:12.5rem}}.gradient-toolbar__inner{box-sizing:border-box;max-width:60rem;margin:0 auto;padding:1rem 0;position:relative}.gradient-toolbar__code{box-sizing:border-box;color:#323144;text-align:center;background-color:#fff;border-radius:.25rem;width:15rem;margin:0 auto;padding:.75rem;line-height:1.5em}@media (width>=741px){.gradient-toolbar__code{width:28rem;line-height:1em}}.gradient-toolbar__close{box-sizing:border-box;color:#fff;cursor:pointer;background:#323144;border:.125rem solid #fff;border-radius:50%;width:2rem;height:2rem;font-size:1.4rem;transition:all .3s;position:absolute;top:.75rem;right:1rem}.gradient-toolbar__close:hover,.gradient-toolbar__close:focus{color:#55cdfc;border-color:#f7a8b8}.gradient-toolbar__tools-container{box-sizing:border-box;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding:1rem 1rem 0;display:flex}@media (width>=741px){.gradient-toolbar__tools-container{justify-content:space-between;padding-top:0}}.gradient-toolbar__middle-tools{order:3;justify-content:space-evenly;align-items:center;width:100%;display:flex}@media (width>=741px){.gradient-toolbar__middle-tools{order:initial;justify-content:space-between;gap:6rem;width:auto}}.gradient-type{box-sizing:border-box;border:.063rem solid #fff;border-radius:.25rem;flex-direction:column;gap:1rem;padding:.75rem;display:flex}.gradient-type-radio{color:#fff}.gradient-type-radio input{cursor:pointer;margin-right:.25rem}.header{box-sizing:border-box;background-color:#0000003f;width:100%;padding:1.75rem 0}.header__inner{flex-wrap:wrap;justify-content:center;gap:2.5rem;width:20rem;margin:0 auto;list-style-type:none;display:flex}@media (width>=741px){.header__inner{width:100%}}.header-btn{box-sizing:border-box;cursor:pointer;background-color:#0000;border:.188rem solid #0000;justify-content:center;align-items:center;width:7.5rem;padding:.5rem 0;font-size:.9em;transition:all .3s;display:inline-flex;position:relative}.header-btn:before,.header-btn:after{content:"";transition:all .3s;position:absolute}.header-btn:before{border-top:.188rem solid #fff;border-right:.188rem solid #fff;width:4.375rem;height:1rem;top:-.188rem;left:2.75rem}.header-btn:after{border-bottom:.188rem solid #fff;border-left:.188rem solid #fff;width:5rem;height:.625rem;top:1.25rem;left:-.188rem}.header-btn:hover,.header-btn:focus-within{color:#55cdfc}.header-btn:hover:before,.header-btn:focus-within:before{border-color:#f7a8b8;width:7.125rem;height:1.875rem;transition-delay:.3s;left:0}.header-btn:hover:after,.header-btn:focus-within:after{border-color:#f7a8b8;width:7.313rem;height:2.063rem;transition-delay:.3s;top:-.188rem}.header-btn:hover .header-btn__corner-one:before,.header-btn:focus-within .header-btn__corner-one:before{top:1.125rem}.header-btn:hover .header-btn__corner-one:after,.header-btn:focus-within .header-btn__corner-one:after{left:2.313rem}.header-btn:hover .header-btn__corner-two:before,.header-btn:focus-within .header-btn__corner-two:before{top:.625rem}.header-btn:hover .header-btn__corner-two:after,.header-btn:focus-within .header-btn__corner-two:after{left:4.813rem}.header-btn:active:before,.header-btn:active:after{border-color:#bbd9e6;border-radius:50%;transition:all .3s ease-in;top:0;left:.313rem;transform:rotate(10deg)}.header-btn--current{pointer-events:none}.header-btn--current:before,.header-btn--current:after{content:"";border-radius:50%;position:absolute;top:0;left:.313rem;transform:rotate(10deg)}.header-btn--current:before{border-top:.188rem solid #bbd9e6;border-right:.188rem solid #bbd9e6;width:7.125rem;height:1.875rem}.header-btn--current:after{border-bottom:.188rem solid #bbd9e6;border-left:.188rem solid #bbd9e6;width:7.313rem;height:2.063rem}.header-btn--current .header-btn__corner-one,.header-btn--current .header-btn__corner-two{display:none}.header-btn__corner-one:before,.header-btn__corner-one:after{content:"";z-index:-1;background-color:#aaa;transition:all .5s;position:absolute}.header-btn__corner-one:before{width:.063rem;height:.438rem;top:-.125rem;left:-.125rem}.header-btn__corner-one:after{width:.813rem;height:.063rem;top:-.125rem;left:-.063rem}.header-btn__corner-two:before,.header-btn__corner-two:after{content:"";z-index:-1;background-color:#aaa;transition:all .5s;position:absolute}.header-btn__corner-two:before{width:.063rem;height:.375rem;top:1.563rem;left:7.188rem}.header-btn__corner-two:after{width:.938rem;height:.063rem;top:1.938rem;left:6.313rem}.header-btn--with-sublist:hover .header-btn__sublist,.header-btn--with-sublist:focus-within .header-btn__sublist{opacity:1;visibility:visible}.header-btn__sublist{opacity:0;visibility:hidden;z-index:1;background-color:#fff;flex-direction:column;min-width:100%;list-style-type:none;transition:all .2s;display:flex;position:absolute;top:2.125rem}.header-btn__subitem a{color:#323144;background-color:#fff;padding:.5rem;font-weight:700;transition:all .2s;display:block}.header-btn__subitem a:hover,.header-btn__subitem a:focus-visible{color:#1a1a24;background-color:#f7a8b882}.header-btn__subitem a:active{color:#323144}.idea-generator__inner{box-sizing:border-box;width:max-content;max-width:100%;margin:0 auto;padding:.5rem 1.25rem}.idea-generator__tab-container{justify-content:center;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.idea-generator__tab-container a{border:.0125rem solid #918080;border-radius:.25rem;padding:.5rem;transition:background-color .2s}.idea-generator__tab-container a:hover{background-color:#363030}.idea-generator__tab-container .active{color:#aa9696;pointer-events:none;border-color:#0000}.landing{width:18rem;font-size:2rem;position:absolute;top:50%;left:50%;right:50%;transform:translate(-50%,-50%)}@media (width>=741px){.landing{width:25rem}}.landing p{box-sizing:border-box;padding-bottom:.5rem}.landing__name{-webkit-text-fill-color:transparent;background:linear-gradient(#55cdfc,#55cdfc,#fff,#f7a8b8,#f7a8b8) text;font-size:2.5rem;transition:all .3s;animation:1s 2 alternate name-pop}.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{box-sizing:border-box;width:6.25rem;margin:0 auto;padding-top:1.75rem;position:relative}.landing__btn{box-sizing:border-box;cursor:pointer;border:.25rem solid #fff;justify-content:center;align-items:center;padding:2rem 0;font-size:2rem;transition:all .2s;display:flex;position:relative}.landing__btn:before,.landing__btn:after{content:"";transition:all .2s;position:absolute;left:50%;transform:translate(-50%)}.landing__btn:before{width:.25rem;height:2rem;top:.5rem}.landing__btn:after{border:.25rem solid #0000;border-top:none;border-radius:50%;width:3.5rem;height:3.5rem;top:1.25rem}.landing__btn:hover,.landing__btn:focus{color:#0000;border-radius:50%}.landing__btn:hover:before,.landing__btn:focus:before{background-color:#fff}.landing__btn:hover:after,.landing__btn:focus:after{border-color:#fff}.landing__btn:hover~.landing__decoration-double:before,.landing__btn:focus~.landing__decoration-double:before{width:16.5rem;height:21.25rem}@media (width>=741px){.landing__btn:hover~.landing__decoration-double:before,.landing__btn:focus~.landing__decoration-double:before{height:22.25rem}}.landing__btn:hover~.landing__decoration-double:after,.landing__btn:focus~.landing__decoration-double:after{width:20.5rem;height:18rem}@media (width>=741px){.landing__btn:hover~.landing__decoration-double:after,.landing__btn:focus~.landing__decoration-double:after{width:31.75rem}}.landing__btn:hover~.landing__decoration-single,.landing__btn:focus~.landing__decoration-single{width:15rem;height:4.5rem}.landing__btn:active{box-shadow:0 0 1.25rem #fff}.landing__btn:active:before,.landing__btn:active:after{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{content:"";z-index:-1;border-top:.5rem solid #fff;border-right:.5rem solid #fff;width:7rem;height:11.75rem;transition:all .9s;position:absolute;top:-11.5rem;right:-7.5rem}@media (width>=741px){.landing__decoration-double:before{width:12.5rem;top:-12rem;right:-13rem}}.landing__decoration-double:after{content:"";z-index:-1;border-bottom:.5rem solid #fff;border-left:.5rem solid #fff;width:10rem;height:9.25rem;transition:all .6s;position:absolute;bottom:-2rem;left:-7.5rem}@media (width>=741px){.landing__decoration-double:after{width:26.25rem;bottom:-3rem;left:-13rem}}.landing__decoration-single{z-index:-1;border-top:.5rem solid #fff;border-left:.5rem solid #fff;width:5rem;height:2.5rem;transition:all .4s;position:absolute;top:-11.5rem;left:-7.5rem}@media (width>=741px){.landing__decoration-single{top:-12rem;left:-13rem}}.loading{background-color:#323144;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.loading__spinner{border:.25rem solid #55cdfc21;border-top-color:#f7a8b882;border-radius:50%;width:1.25rem;height:1.25rem;animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music h1{padding-bottom:1.25rem}.music-header{box-sizing:border-box;background-color:#292626;width:100%;margin-bottom:1rem;padding:1.25rem}.music-header__inner{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:100%;list-style-type:none;display:flex;padding:0!important}.music-header nav{padding:0!important}.nav-link{color:#9c2a2a;text-decoration:underline;transition:all .2s;padding:.5rem!important}.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}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.25rem;display:flex}.not-found h1{z-index:1}.not-found a{z-index:1;text-decoration:underline}.not-found .grass{justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:absolute;bottom:4px;overflow:hidden}.not-found .grass:after{content:"";background:linear-gradient(#0000,#0006);width:100%;height:40px;position:absolute;bottom:0}.not-found .grass--back{filter:blur(.125rem);opacity:.6;transform:scaleY(.8)}.not-found .grass--front{filter:blur(.1875rem);opacity:.7}.not-found .blade{animation:sway var(--speed) ease-in-out infinite;clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%);height:var(--height);transform-origin:bottom;width:var(--width);background:linear-gradient(#3aa14a,#1f5f2c);border-radius:50% 50% 0 0}@keyframes sway{0%{transform:rotate(0)}50%{transform:rotate(var(--angle))}to{transform:rotate(0)}}.output{box-sizing:border-box;opacity:0;visibility:hidden;background-color:#00000087;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.output--open{opacity:1;visibility:visible}.output__dialog{box-sizing:border-box;background-color:#eee;border-radius:.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:1.75rem;display:flex}.output h3{color:#323144}.output__content{box-sizing:border-box;background-color:#323144;border:.125rem solid #323144;border-radius:.25rem;padding:.5rem}.output__content:focus{border-color:#55cdfc}.output__content span{padding-bottom:.5rem;display:block}.output__btn{box-sizing:border-box;color:#323144;cursor:pointer;background:linear-gradient(#deeaee,#c7d9e0);border:none;border-radius:1.5rem;justify-content:center;align-items:center;padding:.5rem 3.25rem;font-size:1rem;transition:all .3s;display:flex;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa}.output__btn:hover,.output__btn:focus{color:gray;box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa}.output__btn:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.password{box-sizing:border-box;background-image:url(/assets/bg-tZ_ieqvQ.jpg);background-repeat:no-repeat;background-size:cover;min-height:calc(100dvh - 5.8125rem);padding:1.5rem}.password__inner{background-color:#000;border:.75rem solid green;border-radius:6rem;flex-direction:column;gap:1rem;width:max-content;margin:0 auto;display:flex}.password h1{color:#9bff7c;align-self:center;padding:1rem 4rem}.password form{flex-direction:column;align-self:center;align-items:flex-start;gap:.5rem;display:flex}.password label{color:#9bff7c;justify-content:center;align-items:center;gap:.25rem;display:flex}.password input:focus-within{outline:.0625rem solid #9bff7c}.password__length{box-sizing:border-box;padding-top:.5rem}.password input[type=number]{color:#9bff7c;background-color:#000;border:.0125rem inset green}.password button{color:#9bff7c;cursor:pointer;background-color:#0000;border:.125rem solid green;align-self:center;margin-top:.5rem;padding:.25rem 1rem;font-size:1.25rem;transition:background-color .1s,box-shadow .1s}.password button:hover,.password button:focus-within{box-shadow:0 0 1.25rem #9bff7c}.password button:active{background-color:#00800080;box-shadow:0 0 .75rem #9bff7c}.password__output{border-top:.0625rem dashed green;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem 4rem;display:flex}.password h2{color:#9bff7c;font-size:1rem}.password p{color:#9bff7c;min-height:1rem}.project-name-generator__inner{text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:0 1rem;display:flex}.project-name-generator article{flex-direction:column;align-items:center;gap:2rem;display:flex}.project-name-generator__btn{color:#aa9696;cursor:pointer;background-color:#9c2a2a;border-radius:.25rem;padding:.5rem .75rem;font-weight:700;transition:background-color .2s}.project-name-generator__btn:hover,.project-name-generator__btn:focus-visible{background-color:#6d1e1e}.project-name-generator__btn:active{background-color:#9c2a2a}.project-name-generator p{color:#6d1e1e;background-color:#c4acac;border:.5rem double #6d1e1e;border-radius:.5rem;padding:1rem;font-size:1.4rem;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}.projects{min-height:calc(100vh - 220px);padding:1rem}@media (width>=961px){.projects{padding:3rem}}.projects *{box-sizing:border-box}.projects__list-container{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:78.75rem;margin:0 auto;list-style-type:none;display:flex}@media (width>=961px){.projects__list-container{gap:1.75rem}}.projects__list-item{width:25rem}.project-card{width:100%;height:18.75rem;display:inline-block;position:relative}.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{object-fit:cover;width:100%;height:100%}.project-card__overlay{opacity:0;text-align:center;background-color:#000000b6;width:100%;height:100%;padding:1.25rem;transition:all .3s;position:absolute;top:0;left:0}.project-card h2{padding-bottom:1.25rem}.project-card p{line-height:1.2em}.project-card__btn{cursor:pointer;background-color:#323144;border:.063rem solid #fff;padding:.75rem 1.75rem;font-size:.9rem;transition:all .3s;position:absolute;bottom:1.25rem}.project-card__btn--single{width:calc(100% - 3rem);left:1.5rem}.project-card__btn--code{left:1.5rem}.project-card__btn--app{right:1.5rem}.project-card__btn:hover,.project-card__btn:focus{color:#55cdfc;background:#1a1a24;border-color:#f7a8b8}.property-tab{z-index:0;position:relative}.property-tab label{color:#444}.property-tab .property-tab__heading{box-sizing:border-box;color:#323144;cursor:pointer;z-index:1;background:linear-gradient(#ddd,#ccc);border:none;border-radius:1.75rem;align-items:center;width:100%;padding:.5rem 2.5rem;font-size:1rem;transition:all .3s;display:flex;position:relative;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa}.property-tab .property-tab__heading:hover,.property-tab .property-tab__heading:focus-visible{color:gray;box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa}.property-tab .property-tab__heading:hover .property-tab__arrow:before,.property-tab .property-tab__heading:hover .property-tab__arrow:after,.property-tab .property-tab__heading:focus-visible .property-tab__arrow:before,.property-tab .property-tab__heading:focus-visible .property-tab__arrow:after{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{box-shadow:none;background:0 0}.property-tab .property-tab__heading--open:hover,.property-tab .property-tab__heading--open:focus-visible,.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:before,.property-tab .property-tab__arrow:after{content:"";background-color:#323144;border-radius:.063rem;width:1rem;height:.125rem;transition:background-color .3s,left .5s,transform .7s;position:absolute;top: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{opacity:0;visibility:hidden;background:linear-gradient(to bottom right,#ccc,#ddd);border-radius:1rem;max-height:0;margin-bottom:-2rem;padding:2.5rem .5rem .5rem;transition:all .5s;position:relative;overflow:hidden;transform:translateY(-2rem);box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.property-tab__contents--open{opacity:1;visibility:visible;max-height:19.375rem;transition:all .5s,padding}.property-tab__toggle-container{flex-wrap:wrap;padding-bottom:.5rem;display:flex}.sandbox{flex-direction:column-reverse;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}@media (width>=741px){.sandbox{flex-direction:row;height:auto;overflow:auto}}.sandbox__sidebar-container{box-sizing:border-box;background-color:#d3d3d3;border-top:.063rem solid #aaa;flex-direction:column;gap:.75rem;width:100%;height:calc(100vh - 8.813rem);padding:.75rem;display:flex;overflow-y:auto}@media (width>=741px){.sandbox__sidebar-container{width:15rem}}.sandbox__sidebar-container h2{color:#000;font-size:1.2rem}.sandbox__sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:1rem;display:flex}.sandbox__reset-btn{box-sizing:border-box;color:#323144;cursor:pointer;background:linear-gradient(#eedede,#e0c7c7);border:none;border-radius:1.5rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:1rem;transition:all .3s;display:flex;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa}.sandbox__reset-btn:hover,.sandbox__reset-btn:focus-visible{color:gray;box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa}.sandbox__reset-btn:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.sandbox__done-btn{box-sizing:border-box;color:#323144;cursor:pointer;background:linear-gradient(#deeaee,#c7d9e0);border:none;border-radius:1.5rem;justify-content:center;align-items:center;padding:.5rem 3.25rem;font-size:1rem;transition:all .3s;display:flex;box-shadow:-.125rem -.125rem .25rem .063rem #fff,.125rem .125rem .25rem .063rem #aaa}.sandbox__done-btn:hover,.sandbox__done-btn:focus-visible{color:gray;box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa}.sandbox__done-btn:active{box-shadow:inset -.125rem -.063rem .125rem #fff,inset .125rem .125rem .125rem #aaa}.secret{--cursorX:50vw;--cursorY:50vh;cursor:none;width:100vw;height:100vh;position:relative}.secret:before{background:radial-gradient(circle 10vmax at var(--cursorX) var(--cursorY), #0000 0%, #000 80%);content:"";pointer-events:none;width:100%;height:100%;display:block;position:fixed}.secret h1{color:#fff;user-select:none;z-index:-1;font-size:.5rem;font-weight:400;position:absolute;bottom:25%;left:15%}.simple-picker{box-sizing:border-box;justify-content:space-between;width:100%;max-width:25rem;margin:0 1rem;display:flex}.skills{max-width:56.25rem;margin:0 auto;padding:.75rem;position:relative}@media (width>=741px){.skills:before,.skills:after{content:"";border:.5rem solid #fff;border-bottom:none;width:12.5rem;height:12.5rem;position:absolute;top:-1rem}.skills:before{border-right:none;left:-1rem}.skills:after{border-left:none;right:-1rem}}@media (width>=1181px){.skills__decoration:before,.skills__decoration:after{content:"";border:.5rem solid #fff;border-bottom:none;width:10rem;height:18rem;position:absolute;top:-3rem}.skills__decoration:before{border-right:none;left:-3rem}.skills__decoration:after{border-left:none;right:-3rem}}.skills__heading{animation:2s ease-in fade-in}.skills__list{background-color:#d3d3d3;flex-wrap:wrap;gap:1rem;width:15rem;max-width:100%;margin:1rem auto;padding:1rem;list-style-type:none;animation:2s ease-in fade-in;display:flex}@media (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}.slider{justify-content:space-between;align-items:center;display:flex}.slider input{width:7.25rem;padding:.5rem 0}.stories{flex-direction:column;gap:1.25rem;max-width:40rem;display:flex}.stories ul{flex-direction:column;gap:.75rem;padding-left:1rem;display:flex}.stories ul a *{color:inherit}.story{white-space:pre-wrap;flex-direction:column;gap:1.25rem;max-width:40rem;display:flex}.story a{border-radius:.25rem;justify-content:center;align-items:center;width:max-content;padding:.5rem 1rem;transition:background-color .2s;display:flex}.story a:hover,.story a:focus{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 (width>=741px){.swatches{padding-left:4rem}}.swatches__toggle-btn{cursor:pointer;background:0 0;width:2.25rem;height:2.25rem;font-size:4rem;transition:transform .5s;position:absolute;top:.75rem;right:1rem}.swatches__toggle-btn:hover .swatches__toggle-icon{width:2rem;height:2rem}.swatches__toggle-icon{border-radius:50%;width:1.875rem;height:1.875rem;transition:all .3s;display:block;position:relative;bottom:.25rem;right:.5rem;box-shadow:.25rem .063rem #fff,.125rem .063rem #fff,.563rem .25rem #323114,.75rem .188rem 0 .063rem #fff,.75rem .375rem 0 .063rem #fff}.swatches__toggle-icon--active{box-shadow:.188rem .063rem #fff,.125rem .063rem #fff,.563rem .25rem #fff,.75rem .188rem 0 .063rem #fff,.75rem .375rem 0 .063rem #fff}.swatches__container{box-sizing:border-box;background-color:#000;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:52.25rem;margin:0 auto;padding:1rem;transition:background-color .5s ease-out;display:flex}.swatches__container--white{background-color:#fff}.swatches__box{width:6.25rem;height:6.25rem}@media (width>=741px){.swatches__box{width:9.25rem;height:9.25rem}}.timer{flex-direction:column;height:100dvh;display:flex}.timer__inner{box-sizing:border-box;background-color:#00000080;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:1.5rem;padding:1.25rem;transition:background-color .3s;display:flex;position:relative}.timer button{cursor:pointer;background-color:#0000;border:.0625rem solid #e9e9da;border-radius:.25rem;padding:.5rem 1rem;font-family:Verdana,Geneva,sans-serif;transition:background-color .1s,border-color .3s,color .3s}.timer button:hover{background-color:#ffffff1a}.timer__theme-btn{position:absolute;top:1.25rem;right:1.25rem}.timer h1{text-transform:uppercase;font-family:Verdana,Geneva,sans-serif;font-size:2.5rem;transition:color .3s}.timer form{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.timer__inputs{justify-content:center;gap:1rem;display:flex}.timer label{flex-direction:column;font-family:Verdana,Geneva,sans-serif;font-size:.75rem;transition:color .3s;display:flex}.timer input{background-color:#0000;border-bottom:.125rem solid #e9e9da;width:3rem;font-family:Verdana,Geneva,sans-serif;font-size:2rem;transition:border-color .3s,color .3s}.timer input[type=number]::-webkit-outer-spin-button,.timer input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer input[type=number]{-moz-appearance:textfield}.timer__countdown{font-family:Courier New,Courier,monospace;font-size:4rem;font-weight:700;transition:color .3s}.timer--light .timer__inner{background-color:#e9e9da}.timer--light button{color:#323144;border-color:#323144}.timer--light button:hover{background-color:#0000001a}.timer--light h1,.timer--light label{color:#323144}.timer--light input{color:#323144;border-color:#323144}.timer--light .timer__countdown{color:#323144}.toggle{width:50%;padding:.5rem 0}.toggle input{cursor:pointer;margin-right:.25rem}.test-div{margin:2rem auto}.test-div p{color:#000;text-align:center;font-size:2rem;overflow:hidden}