@charset "UTF-8";*{border:0;color:#fff;line-height:1em;margin:0;outline:none;padding:0;vertical-align:baseline}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(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 transparent;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:0 auto;margin-bottom:5.5rem;margin-top:2rem;padding:.75rem .75rem 1rem;position:relative;max-width:56.25rem}@media(min-width:741px){.about:before,.about:after{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:before,.about__decoration-top:after{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:before,.about__decoration-bottom-inner:after{border:.5rem solid #fff;border-top:none;content:"";height:6rem;position:absolute;bottom:-1rem;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:before,.about__decoration-bottom-outer:after{border:.5rem solid #fff;border-top:none;content:"";height:12rem;position:absolute;bottom:-3rem;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}}.abstract{box-sizing:border-box;background-color:#26262e;min-height:100dvh;padding:3rem}.abstract h1{color:#fff;padding-bottom:2rem;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}.abstract form{display:flex;flex-direction:column;gap:1rem}.abstract__options-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.abstract label{align-items:center;box-sizing:border-box;border:.0625rem solid #ff8ded;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(-.125rem -.125rem .125rem #ee6cff) drop-shadow(.125rem .125rem .125rem #ee6cff) grayscale(.5);gap:.5rem;height:7rem;justify-content:center;opacity:.75;padding:.5rem;text-shadow:0 0 .0625 #ee6cff;transition:filter .2s,opacity .2s;width:7rem}.abstract label:hover,.abstract label:focus-within{filter:drop-shadow(-.125rem -.125rem .3125rem #ee6cff) drop-shadow(.125rem .125rem .3125rem #ee6cff);opacity:1}.abstract label:has(input:checked){filter:drop-shadow(-.125rem -.125rem .3125rem #ee6cff) drop-shadow(.125rem .125rem .3125rem #ee6cff);opacity:1}.abstract input[type=radio]{height:0;opacity:0;position:absolute;width:0}.abstract button{align-self:center;background:transparent;border:.125rem solid #ff8ded;border-radius:.25rem;color:#fff;cursor:pointer;filter:drop-shadow(-.125rem -.125rem .3125rem #ee6cff) drop-shadow(.125rem .125rem .3125rem #ee6cff);font-size:1.25rem;padding:1rem .75rem;text-shadow:-.125rem -.125rem .3125rem #ee6cff,.125rem .125rem .3125rem #ee6cff;transition:filter .2s,opacity .2s;width:max-content}.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{padding-top:1rem;margin:0 auto;width:max-content}.abstract__output-row{line-height:0}.abstract__output-block{color:#000;display:inline-block;height:20px;line-height:0;margin:0;padding:0;text-align:center;width:20px}.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;margin-bottom: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: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;margin-bottom:1.25rem;max-width:18.75rem;padding-right:.5rem;position:relative}.audio-player__controls{background:transparent;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:transparent;border:none;border-radius:0;padding:.5rem}.audio-player button:hover{background-color:#e4eae28a}.audio-player button:active{background:transparent}.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: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(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: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;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{background-color:#323144;position:relative;max-width:20rem}.contact__list{background-color:#323144;display:grid;grid-template-areas:"a" "b" "c" "d";margin:0 auto;padding-top:1rem;position:relative;width:max-content}.contact__thanks{padding-bottom:5.5rem;padding-top:2rem;position:relative;text-align:center;max-width:20rem}@media(min-width:426px){.contact{padding:3rem}.contact__writeup{margin:3rem auto;margin-top:0;max-width:31rem}.contact__writeup:before,.contact__writeup:after{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;content:"";bottom:-2rem;height:.25rem;left:50%;position:absolute;transform:translate(-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:translate(-50%);width:10rem}.contact__thanks{margin:1.5rem auto;margin-bottom:0;padding-bottom:5.5rem;position:relative;text-align:center;max-width:31rem}.contact__thanks:before,.contact__thanks:after{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:before,.contact__writeup:after{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;content:"";height:8.375rem;left:50%;max-width:90vw;position:absolute;top:100%;transform:translate(-50%);width:62.5rem;z-index:-1}.contact__sidebars:after{border:1rem solid #323144;content:"";height:4.688rem;left:50%;max-width:80vw;position:absolute;top:6.5rem;transform:translate(-50%);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:translate(-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:before,.contact__thanks:after{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:transparent;border:.063rem solid transparent;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__title-container{padding-bottom:1.25rem}.dungeon-synth nav{display:flex;flex-direction:column;padding-bottom:1.25rem}.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:transparent;border:.063rem solid transparent;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:hover,.dungeon-vault__artist-btn--active:active{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;margin-bottom:1.25rem;position:relative;width:max-content;max-width:100%}.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;padding:.5rem;position:relative;width:25rem;max-width:100%}.embedded-music select optgroup{color:#be3333}.footer{align-items:center;background-color:#ffffff3f;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;justify-content:space-between;gap:.5rem}.gradient-direction-btn{align-items:center;background:transparent;border:.063rem solid transparent;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:hover,.gradient-direction-btn:focus{border-color:#f7a8b8}.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;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:hover,.gradient-toolbar__close:focus{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:initial;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:#0000003f;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:transparent;border:.188rem solid transparent;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:before,.header-btn:after{content:"";position:absolute;transition:.3s}.header-btn:before{border-top:.188rem solid #fff;border-right:.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:hover,.header-btn:focus-within{color:#55cdfc}.header-btn:hover:before,.header-btn:focus-within:before{border-color:#f7a8b8;height:1.875rem;left:0;transition-delay:.3s;width:7.125rem}.header-btn:hover:after,.header-btn:focus-within:after{border-color:#f7a8b8;height:2.063rem;top:-.188rem;transition-delay:.3s;width:7.313rem}.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-radius:50%;left:.313rem;top:0;transform:rotate(10deg);transition:.3s ease-in}.header-btn:active:before{border-color:#bbd9e6}.header-btn:active:after{border-color:#bbd9e6}.header-btn--current{pointer-events:none}.header-btn--current:before,.header-btn--current:after{border-radius:50%;content:"";left:.313rem;position:absolute;top:0;transform:rotate(10deg)}.header-btn--current:before{border-top:.188rem solid #bbd9e6;border-right:.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:before,.header-btn__corner-one:after{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:before,.header-btn__corner-two:after{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:hover .header-btn__sublist,.header-btn--with-sublist:focus-within .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:hover,.header-btn__subitem a:focus-visible{background-color:#f7a8b882;color:#1a1a24}.header-btn__subitem a:active{color:#323144}.idea-generator__inner{box-sizing:border-box;margin:0 auto;max-width:100%;padding:.5rem 1.25rem;width:max-content}.idea-generator__tab-container{align-items:center;display:flex;gap:1rem;justify-content:center;padding-bottom:1rem}.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{border-color:transparent;color:#aa9696;pointer-events:none}.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{animation:name-pop 1s alternate 2;background:linear-gradient(#55cdfc,#55cdfc,#fff,#f7a8b8,#f7a8b8);background-clip:text;-webkit-text-fill-color:transparent;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{box-sizing:border-box;margin:0 auto;padding-top:1.75rem;position:relative;width:6.25rem}.landing__btn{align-items:center;border:.25rem solid #fff;box-sizing:border-box;cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:2rem 0;position:relative;transition:.2s}.landing__btn:before,.landing__btn:after{content:"";left:50%;position:absolute;transform:translate(-50%);transition:.2s}.landing__btn:before{height:2rem;top:.5rem;width:.25rem}.landing__btn:after{border:.25rem solid transparent;border-top:none;border-radius:50%;height:3.5rem;top:1.25rem;width:3.5rem}.landing__btn:hover,.landing__btn:focus{border-radius:50%;color:transparent}.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{height:21.25rem;width:16.5rem}@media(min-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{height:18rem;width:20.5rem}@media(min-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{height:4.5rem;width:15rem}.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{border-top:.5rem solid #fff;border-right:.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-top:.5rem solid #fff;border-left:.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;display:flex;height:100%;justify-content:center;inset:0;position:fixed;width:100%}.loading__spinner{animation:spin 1s ease infinite;border:.25rem solid rgba(85,205,252,.1294117647);border-radius:50%;border-top:.25rem solid rgba(247,168,184,.5098039216);width:1.25rem;height:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.not-found{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1.25rem}.not-found h1{z-index:1}.not-found a{text-decoration:underline;z-index:1}.not-found .grass{align-items:flex-end;bottom:4px;display:flex;overflow:hidden;position:absolute;width:100%;justify-content:space-between}.not-found .grass:after{background:linear-gradient(transparent,#0006);bottom:0;content:"";position:absolute;height:40px;width:100%}.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;background:linear-gradient(#3aa14a,#1f5f2c);border-radius:50% 50% 0 0;clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%);height:var(--height);transform-origin:bottom;width:var(--width)}@keyframes sway{0%{transform:rotate(0)}50%{transform:rotate(var(--angle))}to{transform:rotate(0)}}.output{align-items:center;background-color:#00000087;box-sizing:border-box;display:flex;justify-content:center;inset:0;opacity:0;padding:2rem;position:fixed;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:hover,.output__btn:focus{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}.password{background-image:url(/assets/bg-tZ_ieqvQ.jpg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;min-height:calc(100dvh - 5.8125rem);padding:1.5rem}.password__inner{background-color:#000;border:.75rem solid #008000;border-radius:6rem;display:flex;flex-direction:column;gap:1rem;margin:0 auto;width:max-content}.password h1{align-self:center;color:#9bff7c;padding:1rem 4rem}.password form{align-items:flex-start;align-self:center;display:flex;flex-direction:column;gap:.5rem}.password label{align-items:center;color:#9bff7c;display:flex;gap:.25rem;justify-content:center}.password input:focus-within{outline:.0625rem solid #9bff7c}.password__length{box-sizing:border-box;padding-top:.5rem}.password input[type=number]{background-color:#000;border:.0125rem inset #008000;color:#9bff7c}.password button{align-self:center;background-color:transparent;border:.125rem solid #008000;color:#9bff7c;cursor:pointer;font-size:1.25rem;margin-top:.5rem;padding:.25rem 1rem;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{align-items:center;border-top:.0625rem dashed #008000;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem 4rem}.password h2{color:#9bff7c;font-size:1rem}.password p{color:#9bff7c;min-height:1rem}.project-name-generator__inner{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:0 1rem;text-align:center}.project-name-generator article{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:hover,.project-name-generator__btn:focus-visible{background-color:#6d1e1e}.project-name-generator__btn:active{background-color:#9c2a2a}.project-name-generator p{font-size:1.4rem;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;padding:1rem}.projects{padding:1rem;min-height:calc(100vh - 220px)}@media(min-width:961px){.projects{padding:3rem}}.projects *{box-sizing:border-box}.projects__list-container{display:flex;gap:1rem;flex-wrap:wrap;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:#000000b6;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:hover,.project-card__btn:focus{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:hover,.property-tab .property-tab__heading:focus-visible{box-shadow:-.125rem -.125rem .25rem #fff,.125rem .125rem .25rem #aaa;color:gray}.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{background:transparent;box-shadow:none}.property-tab .property-tab__heading--open:hover,.property-tab .property-tab__heading--open:focus-visible{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:before,.property-tab .property-tab__arrow:after{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:hover,.sandbox__reset-btn:focus-visible{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:hover,.sandbox__done-btn:focus-visible{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),rgba(0,0,0,0) 0%,rgb(0,0,0) 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;position:absolute;left:15%;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;padding:.75rem;position:relative;max-width:56.25rem}@media(min-width:741px){.skills:before,.skills:after{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:before,.skills__decoration:after{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{animation:fade-in 2s ease-in}.skills__list{animation:fade-in 2s ease-in;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{display:flex;flex-direction:column;gap:1.25rem;max-width:40rem}.stories ul{display:flex;flex-direction:column;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:hover,.story a:focus{background-color:#f7a8b882}.story a:active{background-color:transparent}.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:transparent;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 #fff,.125rem .063rem #fff,.563rem .25rem #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 #fff,.125rem .063rem #fff,.563rem .25rem #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;padding:1rem;max-width:52.25rem;transition:background-color ease-out .5s}.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}}.timer{display:flex;flex-direction:column;height:100dvh}.timer__inner{align-items:center;background-color:#00000080;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;justify-content:center;padding:1.25rem;position:relative;transition:background-color .3s}.timer button{background-color:transparent;border:.0625rem solid #e9e9da;border-radius:.25rem;cursor:pointer;font-family:Verdana,Geneva,sans-serif;padding:.5rem 1rem;transition:background-color .1s,border-color .3s,color .3s}.timer button:hover{background-color:#ffffff1a}.timer__theme-btn{position:absolute;right:1.25rem;top:1.25rem}.timer h1{font-family:Verdana,Geneva,sans-serif;font-size:2.5rem;text-transform:uppercase;transition:color .3s}.timer form{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.timer__inputs{display:flex;gap:1rem;justify-content:center}.timer label{display:flex;flex-direction:column;font-family:Verdana,Geneva,sans-serif;font-size:.75rem;transition:color .3s}.timer input{background-color:transparent;border-bottom:.125rem solid #e9e9da;font-family:Verdana,Geneva,sans-serif;font-size:2rem;transition:border-color .3s,color .3s;width:3rem}.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{border-color:#323144;color:#323144}.timer--light button:hover{background-color:#0000001a}.timer--light h1,.timer--light label{color:#323144}.timer--light input{border-color:#323144;color:#323144}.timer--light .timer__countdown{color:#323144}.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}