@import"https://fonts.googleapis.com/css2?family=Science+Gothic:wght@100..900&display=swap";.page{min-height:100svh}.page:before{content:"X";color:transparent;width:100%;display:block;font-size:var(--font-size-lg);padding:var(--font-size-sm) var(--font-size-xl)}.tablet{background-color:var(--color-background);padding:var(--font-size-base);border-radius:var(--border-radius);display:grid;gap:var(--font-size-base);border:1px solid var(--color-border);margin:var(--font-size-base);font-size:var(--font-size-base);max-width:50ch}.tablet h2{text-align:left}.main{display:grid;grid-template-columns:1fr;max-width:100%;position:relative;height:fit-content}.home{display:grid;align-content:space-between;width:100%;height:fit-content;max-width:100vw;position:relative}.navbar{background-color:var(--color-secondary);color:var(--color-background);display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--font-size-sm) var(--font-size-xl);position:fixed;top:0;z-index:3;--fillColor: var(--color-background)}.navbar .site-name{width:100%}.navbar .site-logo{border-radius:100%;overflow:hidden;aspect-ratio:1;margin-right:.5ch;padding:calc(var(--font-size-sm)/2);background-color:var(--color-background)}.navbar .site-logo svg{font-size:inherit;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem}.navbar.collapsed{padding:min(var(--font-size-sm),5px) var(--font-size-xl)}.navbar.collapsed a,.navbar.collapsed span{font-size:var(--font-size-sm)}.navbar.collapsed:hover a,.navbar.collapsed:hover span{font-size:var(--font-size-lg)}.navbar .icon{width:var(--font-size-lg);height:var(--font-size-lg);display:block}.navbar span{cursor:default;display:inline}.navbar a,.navbar span{font-family:var(--heading-font);text-decoration:none;color:inherit;font-weight:700;font-size:var(--font-size-lg);width:fit-content;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;border-radius:var(--border-radius);padding-inline:.25rem;white-space:nowrap}.navbar a:hover,.navbar span:hover{color:var(--color-text);background-color:var(--color-background)}.navbar a:focus-visible,.navbar span:focus-visible{color:var(--color-text);background-color:var(--color-background);outline:2px solid var(--color-primary)}.navbar .icon svg{height:100%}.navbar .icon svg path{fill:var(--fillColor)}.navbar .nav-list{display:flex;gap:1rem;justify-content:center;text-transform:uppercase;height:100%}@media screen and (max-width: 600px){.navbar .site-name{width:0;padding:0;overflow:hidden;transition:all .3s ease-in-out}.navbar .dropdown .dropdown-menu li a{font-size:var(--font-size-sm)}}@media screen and (max-width: 600px){.navbar a{font-size:var(--font-size-sm)}}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + var(--font-size-sm));right:0;display:none}.navbar.collapsed .dropdown-menu{top:calc(100% + min(var(--font-size-sm),5px))}.dropdown-menu:before{content:"";position:absolute;top:calc(-1 * var(--font-size-sm));width:100%;height:var(--font-size-sm)}.dropdown-menu li:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-menu li{padding:calc(var(--font-size-sm) / 2) var(--font-size-sm);background-color:var(--color-text)}.dropdown-menu li a{font-size:var(--font-size-sm)}.dropdown:hover .dropdown-menu,.dropdown .dropdown-menu:hover,.dropdown:focus-within .dropdown-menu{display:block}.page-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.page-section h1{font-size:var(--font-size-xxxl);word-break:break-word;max-width:1000px}.page-section .section-content{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-lg);gap:var(--font-size-xl);padding:var(--font-size-lg);max-width:100%;margin-block:1rem;position:relative;align-self:stretch}.page-section .section-content>img{border-radius:var(--border-radius);overflow:hidden;aspect-ratio:1;object-fit:cover;max-width:min(300px,50%)}.page-section .section-content>img[src$="svg%3e"],.page-section .section-content>img[src$=".svg"]{object-fit:contain}.page-section .section-content.column{flex-direction:column}.page-section .section-content.reverse{flex-direction:row-reverse}.page-section .button-display{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.page-section .cta-button{background-color:var(--color-primary);color:var(--color-background);text-decoration:none;font-family:var(--heading-font);font-weight:900;font-size:var(--font-size-xl);padding:1rem;cursor:pointer;transition:background-color .3s ease-in-out}.cta-button:hover{background-color:var(--color-secondary)}.cta-button:focus-visible{background-color:var(--color-secondary);outline:3px solid var(--color-primary)}.page-section .social-button{background-color:var(--color-text);color:var(--color-background);text-decoration:none;font-family:var(--heading-font);font-weight:900;font-size:var(--font-size-xl);padding:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:1rem}.social-button:hover{background-color:var(--color-heading)}.social-button:focus-visible{background-color:var(--color-heading);outline:3px solid var(--color-primary)}.page-section .social-button svg{width:2rem;height:2rem}@media screen and (max-width: 600px){.page-section .section-content{flex-direction:column;text-align:center}.page-section h1,.page-section h2,.page-section h3,.page-section h4,.page-section h5,.page-section h6{text-align:center}}.calculator{background-color:var(--color-background);padding:var(--font-size-base);border-radius:var(--border-radius);display:grid;gap:var(--font-size-base);border:1px solid var(--color-border);margin:var(--font-size-base)}.subtitle{text-align:center}.input-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--font-size-base);margin-bottom:var(--font-size-base)}.input-row input{border-radius:var(--border-radius);border:1px solid var(--color-border);background:var(--color-highlight);color:var(--color-text);padding:var(--font-size-base)}.input-row input::placeholder{color:var(--color-heading)}.input-row input:focus{outline:3px solid var(--color-primary);outline-offset:-3px}button{padding:var(--font-size-base);border-radius:var(--border-radius);cursor:pointer;background:var(--color-secondary);color:var(--color-text);white-space:nowrap;border:1px solid var(--color-secondary)}button:hover{filter:brightness(1.05)}button:focus-visible{filter:brightness(1.05);outline:3px solid var(--color-secondary-dark);outline-offset:3px}button:active{filter:brightness(.95)}.sprite-wrapper{background:#fff;border-radius:var(--border-radius);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;width:fit-content;aspect-ratio:1;margin-top:var(--font-size-sm)}.result-card{padding:var(--font-size-base);border-radius:var(--border-radius);border:1px solid var(--color-border);background-color:var(--color-surface)}.result-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--font-size-base);border-bottom:1px solid var(--color-border);padding-bottom:calc(var(--font-size-sm) / 4);margin-bottom:var(--font-size-sm)}.result-title,.result-subtitle{text-transform:capitalize;font-family:var(--heading-font);font-weight:600}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--font-size-base);margin-block:var(--font-size-base)}.pill{border-radius:var(--border-radius);padding:var(--font-size-base);background:var(--color-primary);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--font-size-sm)}.pill-label{text-transform:capitalize;font-family:var(--heading-font);font-weight:600}.error{padding:var(--font-size-base);border-radius:var(--border-radius);border:1px solid var(--color-primary);color:var(--color-primary);font-weight:600}.suggestions{border-radius:var(--border-radius);margin-top:calc(var(--font-size-sm) / 2);background-color:var(--color-border);padding:calc(var(--font-size-sm) / 5)}.suggestion-item{background-color:var(--color-surface);border-radius:calc(var(--border-radius) - calc(var(--font-size-sm) / 5));padding:calc(var(--font-size-sm) / 2);margin:calc(var(--font-size-sm) / 2);cursor:pointer}.suggestion-item:hover{background-color:var(--color-text);color:var(--color-surface);outline:1px solid var(--color-surface)}@media (max-width: 480px){.result-grid{grid-template-columns:1fr;width:100%}.result-header{width:100%}.result-title{text-align:center;width:100%}.result-subtitle{display:none}.result-card{display:flex;justify-content:center;align-items:center;flex-direction:column}}.web-footer{width:100%;background-color:var(--color-secondary);height:fit-content;display:flex;justify-content:space-evenly;align-items:center;color:var(--color-background);padding:var(--font-size-sm) var(--font-size-xl);flex-wrap:wrap;gap:1rem}.web-footer svg{aspect-ratio:1;background-color:var(--color-background);padding:.1rem;border-radius:100%;max-height:1lh}.web-footer a,.web-footer p{font-family:var(--heading-font);text-decoration:none;color:inherit;font-weight:700;font-size:var(--font-size-base);width:fit-content;height:100%;display:flex;justify-content:center;align-items:center;transition:font-size .3s ease-in-out}.web-footer a{cursor:pointer;border-radius:var(--border-radius);padding-inline:.25rem}.web-footer a:hover,.web-footer span:hover{color:var(--color-text);background-color:var(--color-background)}.web-footer a:focus-visible,.web-footer span:focus-visible{color:var(--color-text);background-color:var(--color-background);outline:2px solid var(--color-primary)}.about{display:grid;align-content:space-between;width:100%;height:fit-content;max-width:100vw;position:relative}.about .web-footer{margin-top:5rem}.contact{display:grid;align-content:space-between;width:100%;height:fit-content;max-width:100vw;position:relative}.contact .web-footer{margin-top:5rem}:root{margin:0 auto;color-scheme:light dark;color:var(--color-text);--border-radius: 10px;--heading-font: "Science Gothic", sans-serif;--body-font: "Segoe UI", sans-serif;--font-size-sm: clamp(.8rem, .1vi + .78rem, .94rem);--font-size-base: clamp(1rem, .18vi + .97rem, 1.25rem);--font-size-lg: clamp(1.25rem, .3vi + 1.19rem, 1.67rem);--font-size-xl: clamp(1.56rem, .48vi + 1.47rem, 2.22rem);--font-size-xxl: clamp(1.95rem, .73vi + 1.82rem, 2.96rem);--font-size-xxxl: clamp(2.44rem, 1.09vi + 2.24rem, 3.95rem)}#root{position:relative;max-width:100vw;min-height:100svh;width:100%;font-size:var(--font-size-base);color:var(--color-text)}@media (prefers-color-scheme: light){:root{--color-background: #fdfafb;--color-surface: #f1eeef;--color-primary: #d09da0;--color-secondary: #aed2a9;--color-secondary-dark: #3a7232;--color-text: #180d11;--color-heading: #3a3a3a;--color-border: #d9d9d9;--color-highlight: #f9f2f4;--color-selection: #b1afaf}}@media (prefers-color-scheme: dark){:root{--color-background: #fdfafb;--color-surface: #f1eeef;--color-primary: #d09da0;--color-secondary: #aed2a9;--color-secondary-dark: #3a7232;--color-text: #180d11;--color-heading: #3a3a3a;--color-border: #d9d9d9;--color-highlight: #f9f2f4;--color-selection: #b1afaf}}*,*:before,*:after{box-sizing:border-box}*{margin:0;scroll-behavior:smooth}html{overflow-x:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--color-background);font-family:var(--body-font)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p,h1,h2,h3,h4,h5,h6{text-wrap:balance}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);text-align:center;color:var(--color-heading)}p{text-wrap:pretty;max-width:50ch}a{border-radius:100rem}ul,ol{list-style:none;padding-left:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}:root{font-family:system-ui,sans-serif;font-weight:400}body{margin:0;display:flex;place-items:center;min-height:100vh;position:relative;background-color:var(--color-surface)}