*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}body{text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}ul[class],ol[class]{list-style:none;padding:0;margin:0}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--primary-400: hsl(259, 73%, 40%);--primary-500: hsl(260, 73%, 48%);--white: hsl(0, 0%, 100%);--grey-300: hsl(0, 0%, 96%);--grey-400: hsl(0, 0%, 94%);--black: hsl(0, 0%, 0%);--space-1: .3125rem;--space-2: .625rem;--padding: .5em 1em;--hundred: 100%;--animation-duration: .5s}body{margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1}.page-layout{display:grid;grid-template-rows:auto 1fr auto}.container{margin-inline:auto;width:90%;max-width:1600px}.text-center{text-align:center}header{display:flex;justify-content:space-around;padding-block:1rem}.font-info{font-size:18px;padding:5px;background-color:#ff0}small{display:block;margin-top:10px;margin-bottom:3rem}.btn span{display:block;margin-block:0}footer{padding-block:1rem}.modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:50rem;background-color:#fff;padding:clamp(1.5rem,5vw,3rem);border-radius:5px;box-shadow:0 3rem 5rem #0000004d;z-index:10}.modal__close{position:absolute;top:5px;right:2rem;right:clamp(1rem,5vw,1.5rem);font-size:clamp(2rem,5vw,3rem);color:#333;cursor:pointer;border:none;background:none}.modal__title{font-size:1.5rem;margin-bottom:1rem}.modal__body{font-size:1rem}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}.modal-buttons--show{font-size:1.5rem;font-weight:600;padding:1.75rem 3.5rem;margin:5rem 2rem;border:none;background-color:#fff;color:#444;border-radius:10rem;cursor:pointer}.modal--hidden,.modal__overlay--hidden{display:none}.form{font-size:clamp(1rem,3vw,1.3125rem)}.form__group{margin-bottom:var(--space-2)}label{display:block;font-weight:700}select,input,textarea{display:block;width:var(--hundred);padding:var(--space-2);border:1px solid var(--grey-400)}input:focus,textarea:focus{outline:none;border-color:var(--primary-500)}.btn{display:block;width:fit-content;padding:var(--padding);background-color:var(--background, var(--primary-500));border:var(--border, 1px solid var(--primary-500));border-radius:999px;color:var(--color-btn, var(--white));cursor:pointer;font-family:sans-serif,system-ui;font-weight:900;text-decoration:none;text-transform:uppercase;position:relative;overflow:hidden}.btn--font-generator{margin-inline:auto;margin-block:1.5rem}.btn:disabled{--border: none;background-color:var(--grey-400);cursor:default;color:var(--black)}.btn:-moz-focusring{outline:auto}.btn svg{display:block}.btn [hidden]{display:none}.btn .original{display:grid;top:0;right:0;bottom:0;left:0;place-content:center;position:absolute;transition:transform .2s cubic-bezier(.87,0,.13,1)}.btn--animation .original{transform:translateY(100%)}.btn .letters{display:inline-flex}.btn span{opacity:0;transform:translateY(-15px);transition:transform .2s cubic-bezier(.87,0,.13,1),opacity .2s}.btn--animation span{opacity:1;transform:translateY(0)}.btn--animation span:nth-child(1){transition-delay:0s}.btn--animation span:nth-child(2){transition-delay:.1s}.btn--animation span:nth-child(3){transition-delay:.2s}.btn--animation span:nth-child(4){transition-delay:.3s}.btn--animation span:nth-child(5){transition-delay:.4s}.btn--animation span:nth-child(6){transition-delay:.5s}.btn--animation span:nth-child(7){transition-delay:.6s}.btn--animation span:nth-child(8){transition-delay:.7s}.btn--animation span:nth-child(9){transition-delay:.8s}.btn--animation span:nth-child(10){transition-delay:.9s}.btn--animation span:nth-child(11){transition-delay:1s}.btn--animation span:nth-child(12){transition-delay:1.1s}.btn--animation span:nth-child(13){transition-delay:1.2s}