@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";.theme-toggle{position:fixed;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;color:var(--text-color);background-color:var(--background-color);box-shadow:0 2px 10px #0000001a;width:40px;height:40px}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.theme-toggle:focus{outline:none}.theme-icon{font-size:1.25rem;transition:transform .3s ease,color .3s ease}.theme-icon.sun{color:var(--text-top-dark)}.theme-icon.moon{color:var(--text-top-light)}.theme-toggle *{transition:color .3s ease,background-color .3s ease}.grid-container{--x: 50%;--y: 50%;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:inherit;transition:background-color .3s ease,color .3s ease;background-color:var(--background-color)}.grid-main{width:100%}.grid-section{width:clamp(360px,60vw,740px);aspect-ratio:1.55 / .5;min-height:200px;margin:auto;text-align:center;place-items:center;display:grid;position:relative}.grid-dot{height:5px;width:5px;background-color:var(--dot-color);position:absolute;z-index:1;border-radius:50%;box-shadow:0 0 0 3px var(--background-color)}.grid-dot:nth-child(1){top:-2px;left:-2px}.grid-dot:nth-child(2){top:-2px;right:-2px}.grid-dot:nth-child(3){bottom:-2px;right:-2px}.grid-dot:nth-child(4){bottom:-2px;left:-2px}.grid-section:before,.grid-section:after{content:"";position:absolute;height:100dvh;width:1px;background-color:var(--line-color);z-index:100}.grid-section:before{left:0}.grid-section:after{right:0}.grid-hr{border:none;height:1px;width:100%;margin:0;background-color:var(--line-color)}.grid-heading{font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 95;font-size:clamp(32px,6vw,68px);line-height:1.05;margin:0;text-align:left}.grid-textGradient{background-image:linear-gradient(0deg,var(--text-color-top) 0%,var(--text-color-bottom) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grid-circleText{display:inline-block;color:transparent;background-image:url(./circle-DcXC6s_w.svg);background-color:var(--text-color-circle);background-size:450px;background-position:50% 80%;background-blend-mode:overlay;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.015em;cursor:pointer;position:relative}a{color:inherit;text-decoration:none}.dropdown{position:relative;display:inline-block;font-family:inherit;line-height:1.5}.dropdown-content{position:absolute;display:block;z-index:100;margin-top:1rem;min-width:14rem;overflow:hidden;border-radius:.25rem;font-family:inherit;font-size:clamp(12px,6vw,20px);font-weight:700;font-optical-sizing:auto;font-variation-settings:"wdth" 95;line-height:1.2;letter-spacing:.015em;text-align:left;background-color:var(--background-color);box-shadow:0 .5rem 1rem #0000001a;opacity:0;transform:translateY(-10px);animation:fadeIn .3s ease-out forwards;pointer-events:none;transition:all .3s ease}.dropdown-content a{display:block;padding:.75rem 1.5rem;position:relative;overflow:hidden;font-family:inherit;line-height:1.4;text-decoration:none;color:#333;-webkit-text-fill-color:transparent;background-image:linear-gradient(0deg,var(--text-color-top) 0%,var(--text-color-bottom) 100%);background-clip:text;-webkit-background-clip:text;opacity:0;transform:translate(-10px);animation:slideIn .3s ease-out forwards;animation-delay:calc(var(--delay) * .1s);transition:all .3s ease}.dropdown-content a:after{content:"";position:absolute;bottom:.5rem;left:1.5rem;width:0;height:2px;background:linear-gradient(90deg,var(--text-color-top),var(--text-color-bottom));transition:width .3s ease;opacity:.7}.dropdown-content a:hover{padding-left:2rem;background-position:0 100%;background-color:#00000008;-webkit-text-fill-color:var(--text-color-top)}.dropdown-content a:hover:after{width:calc(100% - 3rem)}@keyframes fadeIn{to{opacity:1;transform:translateY(0);pointer-events:auto}}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.footer{position:fixed;bottom:0;width:100%;text-align:center;padding:10px 0}.footer-text{font-size:.75rem;font-family:inherit;color:var(--text-color-top);letter-spacing:1px;margin:0;padding:0}:root{color:#000;background-color:#000;font-family:Josefin Sans,sans-serif}*{-webkit-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text!important;-ms-user-select:text!important;user-select:text!important}:root{--background-color-light: hsla(230, 80%, 98%, 1);--toggle-light: hsla(230, 25%, 10%, 1);--line-light: hsla(230, 35%, 92.5%, 1);--dot-light: hsla(230, 25%, 75%, 1);--text-top-light: hsla(240, 25%, 10%, 1);--text-bottom-light: hsla(240, 25%, 25%, 1);--text-circle-light: hsla(240, 25%, 25%, 1);--toggle-before-bg-light: transparent;--background-color-dark: hsla(230, 55%, 4%, 1);--toggle-dark: hsla(230, 25%, 75%, 1);--line-dark: hsla(230, 25%, 15%, .75);--dot-dark: hsla(230, 25%, 90%, 1);--text-top-dark: hsla(240, 60%, 90%, 1);--text-bottom-dark: hsla(240, 60%, 95%, 1);--text-circle-dark: hsla(240, 60%, 95%, .15);--toggle-before-bg-dark: var(--toggle-dark);--background-color: var(--background-color-light);--toggle-color: var(--toggle-light);--line-color: var(--line-light);--dot-color: var(--dot-light);--text-color-top: var(--text-top-light);--text-color-bottom: var(--text-bottom-light);--text-color-circle: var(--text-circle-light);--toggle-before-bg: var(--toggle-before-bg-light)}body{transition:background-color .3s ease,color .3s ease;background-color:var(--background-color);margin:0;padding:0;font-family:inherit;color:var(--text-color-top)}.dark{--background-color: var(--background-color-dark);--toggle-color: var(--toggle-dark);--line-color: var(--line-dark);--dot-color: var(--dot-dark);--text-color-top: var(--text-top-dark);--text-color-bottom: var(--text-bottom-dark);--text-color-circle: var(--text-circle-dark);--toggle-before-bg: var(--toggle-before-bg-dark)}:root:not(.dark){--background-color: var(--background-color-light);--toggle-color: var(--toggle-light);--line-color: var(--line-light);--dot-color: var(--dot-light);--text-color-top: var(--text-top-light);--text-color-bottom: var(--text-bottom-light);--text-color-circle: var(--text-circle-light);--toggle-before-bg: var(--toggle-before-bg-light)}