:root{--font-normal:var(--font-roboto);--font-code:var(--font-jetbrains);--radius:.5em;--color-one:215 75% 17%;--color-two:220 65% 31%;--color-three:220 58% 70%;--color-four:0 0% 96%;--code-bg:230 15% 15%;--code-ln:230 10% 26%;--code-foreground:0 0% 97%;--code-comment:220 50% 58%;--code-blue:181 89% 79%;--code-green:135 94% 65%;--code-orange:31 100% 71%;--code-pink:326 100% 74%;--code-purple:265 89% 78%;--code-red:0 100% 67%;--code-yellow:65 92% 76%;--code-gray:0 0% 90%;--background:0 0% 96%;--foreground:230 15% 15%;--card:0 0% 100%;--card-foreground:230 15% 15%;--popover:0 0% 96%;--popover-foreground:230 15% 15%;--primary:220 65% 31%;--primary-foreground:0 0% 96%;--secondary:220 58% 70%;--secondary-foreground:0 0% 96%;--muted:220 58% 85%;--muted-foreground:215.4 16.3% 46.9%;--accent:220 58% 70%;--accent-foreground:220 65% 31%;--destructive:0 100% 67%;--destructive-foreground:0 0% 96%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--bg-color:0 0% 96%;--bg-button:220 65% 31%;--bg-button-hover:220 58% 70%;--txt-color:230 15% 15%;--txt-code:0 0% 97%;--txt-button-hover:0 0% 96%;--ln-color:220 65% 31%;--ln-color-hover:220 58% 70%;--gradient-primary:linear-gradient(135deg,hsl(var(--color-one)),hsl(var(--color-two)));--gradient-secondary:linear-gradient(135deg,hsl(var(--color-two)),hsl(var(--color-three)));--gradient-code:linear-gradient(135deg,hsl(var(--code-bg)),hsl(var(--code-ln)));--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--bounce-scale:cubic-bezier(.68,-.55,.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--color-four);font-family:var(--font-roboto),sans-serif;transition:var(--transition-smooth);font-size:1em;line-height:1.6}html{scroll-behavior:smooth;padding-top:6em}@media (min-width:768px){html{padding-top:4em}}button,input,textarea{font-family:var(--font-roboto),sans-serif;font-size:.9em}.font-normal{font-family:var(--font-roboto),sans-serif}.font-code{font-family:var(--font-jetbrains),monospace}.page-main{min-height:100vh}.heading{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:4em;font-size:.875em;display:flex}.titlePage p{margin:0;font-size:.875em}.titlePage h2{font-size:2.25em;font-weight:700;line-height:2em}.subtitlePage{max-width:30em;font-size:1.25em;line-height:1.5em}.textGradient{background:var(--gradient-secondary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.title-h2{text-align:center;margin:3em 0 1.5em;font-size:2em;font-weight:700}.p-button{background-color:hsl(var(--foreground));color:hsl(var(--color-four));border-radius:var(--radius);border:.06em solid hsl(var(--foreground));width:100%;transition:var(--transition-smooth);cursor:pointer;padding:1em;font-weight:500}.p-button:hover{background-color:hsla(var(--code-gray));border:.06em solid hsl(var(--ring));border-radius:var(--radius);color:hsl(var(--foreground))}.p-button svg{color:hsl(var(--color-four));width:1em;height:1em}.p-inputtext{color:hsl(var(--muted-foreground));border:.06em solid hsl(var(--input));border-radius:calc(var(--radius) - .13em);transition:var(--transition-smooth);padding:1em .75em}.p-inputtext:hover{border:.13em solid hsl(var(--ring))}.p-inputtext:focus-within{box-shadow:0 0 0 .2em hsl(var(--code-gray));border:.13em solid hsl(var(--ring))}.p-dropdown{color:hsl(var(--muted-foreground));background-color:none;border:.06em solid hsl(var(--input));border-radius:calc(var(--radius) - .13em)}.p-dropdown .p-inputtext{border:none;padding:.5em;font-size:.9em}.p-dropdown:hover{border:.13em solid hsl(var(--ring))}.p-dropdown-trigger{width:3em}.p-dropdown-trigger-icon{width:1em!important;height:1em!important}.p-dropdown-items{background-color:hsla(var(--code-gray));border-radius:var(--radius)}.p-dropdown-item.p-highlight{color:hsl(var(--accent-foreground))}.p-dropdown-items .p-dropdown-item.p-highlight,.p-dropdown-items .p-dropdown-item:hover,.p-dropdown-items .p-dropdown-item.p-focus{box-shadow:none!important;border:none!important;outline:none!important}.p-dropdown-item-label{padding:.5em;font-size:.8em}.p-dropdown-item-label:hover{background-color:hsla(var(--code-gray)/.4);border:none}