html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root[color-mode=light]{--color-primary: hsl(272, 100%, 45%);--color-primary-100: hsl(272, 100%, 55%);--color-bg: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 0%);--color-white: hsl(0, 0%, 100%);--color-gray-100: hsl(0, 0%, 97%);--color-gray-200: hsl(0, 0%, 94%);--color-gray-300: hsl(0, 0%, 87%);--color-gray-400: hsl(0, 0%, 80%);--color-gray-500: hsl(0, 0%, 60%);--color-gray-600: hsl(0, 0%, 46%);--color-gray-700: hsl(0, 0%, 33%);--color-gray-800: hsl(0, 0%, 20%);--color-gray-900: hsl(0, 0%, 7%);--color-gray: var(--color-gray-600);--color-btn: var(--color-black);--color-btn-secondary: var(--color-gray-800);--color-svg: var(--color-gray-800)}:root[color-mode=dark]{--color-primary: hsl(272, 100%, 40%);--color-primary-100: hsl(272, 100%, 35%);--color-bg: hsl(0, 0%, 12%);--color-black: hsl(0, 0%, 100%);--color-white: hsl(0, 0%, 0%);--color-gray-100: hsl(0, 0%, 16%);--color-gray-200: hsl(0, 0%, 24%);--color-gray-300: hsl(0, 0%, 31%);--color-gray-400: hsl(0, 0%, 39%);--color-gray-500: hsl(0, 0%, 47%);--color-gray-600: hsl(0, 0%, 55%);--color-gray-700: hsl(0, 0%, 63%);--color-gray-800: hsl(0, 0%, 71%);--color-gray-900: hsl(0, 0%, 78%);--color-gray: var(--color-gray-600);--color-btn: var(--color-black);--color-btn-secondary: var(--color-gray-800);--color-svg: var(--color-black)}.button{background-color:var(--color-primary);padding:.85em 1.75rem;color:#fff;border-radius:40px;font-weight:700;display:flex;align-items:center;transition:background .1s ease-in,color .1s ease-in}.button:hover{background-color:var(--color-primary-100)}.button svg{height:1.5rem;width:1.5rem;margin-right:.5rem}.button svg path+path{fill:#fff;transition:fill .1s ease-in}.button--secondary{background-color:var(--color-gray-200);color:var(--color-btn)}.button--secondary svg path+path{fill:var(--color-svg)}.button--secondary:hover{background-color:var(--color-gray-100)}:root[color-mode=light] w-themetogglegroup{transform:translateY(-60px)}:root[color-mode=light] .dark--hidden{opacity:1}:root[color-mode=dark] w-themetogglegroup{transform:translateY(0)}:root[color-mode=dark] .light--hidden{opacity:1}html{background-color:var(--color-bg);transition:background .1s ease-in}body{font-family:"Inter",sans-serif;padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:100vh}w-content,w-name,w-circle,w-buttons{display:block}w-content{max-width:60rem;text-align:center;padding:3rem clamp(0rem, 10vw, 4rem)}footer{color:var(--color-gray);font-size:.9rem;transition:color .1s ease-in}h1{font-size:clamp(3rem, 15vw, 5rem);font-weight:900;line-height:1;margin-top:clamp(2rem, 5vh, 3rem);margin-bottom:clamp(3rem, 5vh, 5rem);color:var(--color-black);transition:color .1s ease-in}p,span{font-size:1.1rem;line-height:1.7;color:var(--color-black);transition:color .1s ease-in}span{font-size:1.3rem}strong,span{font-weight:700}p{margin-bottom:2.5rem}a{text-decoration:none}w-buttons{display:flex;justify-content:center;gap:1rem;margin:clamp(2rem, 10vw, 4.5rem) 0;flex-wrap:wrap}w-name{font-weight:600;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-black);transition:color .1s ease-in}w-circle{--circlesize: 60px;background:linear-gradient(45deg, #ff00b3 0%, var(--color-primary) 100%);overflow:hidden;width:var(--circlesize);height:var(--circlesize);border-radius:calc(var(--circlesize) / 2);margin-right:1rem}w-circle img{transform:translate(-0.1rem, 0.8rem) scale(1.3);filter:grayscale(1) contrast(120%) brightness(1.1)}w-themetoggle{position:absolute;top:1rem;right:1rem;height:60px;width:60px;overflow:hidden;border-radius:8px}w-themetoggle:hover{background-color:var(--color-gray-100)}w-themetogglegroup{display:block;transition:transform .5s cubic-bezier(0.22, 1, 0.36, 1)}.color-mode__btn{background:none;border:none;cursor:pointer;width:100%;height:60px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s cubic-bezier(0.22, 1, 0.36, 1)}.color-mode__btn svg{height:26px;width:26px;fill:var(--color-black)}/*# sourceMappingURL=style.css.map */