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