:root{--white:#f0f2f9;--black:#151429;--blue:#00c3ff;--bold:600;--full:100%}#root{display:contents}a{color:#f0f2f9;color:var(--white);text-decoration:none}body{background-color:#f0f2f9;background-color:var(--white);flex-direction:column;font-family:Nunito,sans-serif;padding:0}.hero-section,body{display:flex;margin:0}.hero-section{background:url(/static/media/blob-haikei.ec230913a1547eb22d4f.svg);background-position:50%;background-size:cover;min-height:700px;position:relative;width:100%}.cloud,.cloud-inverted{background:url(/static/media/64524d887dd89d05ed6e05e4_dwwqq.3c85ec39bec5c25350c3.svg);bottom:0;display:block;height:200px;left:0;position:absolute;right:0;z-index:1}.cloud-inverted{top:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hero,.inner-section{align-items:center;display:flex;justify-content:center;margin:auto;max-width:280px}.hero{flex-direction:column;padding-top:7rem}.colored-text{color:#00c3ff;color:var(--blue)}.hero-header__title{color:#f0f2f9;color:var(--white);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin:0}.hero-header__title-rule{background-color:#00c3ff;background-color:var(--blue);border-radius:30px;display:block;height:5px;width:100px}.hero-header__cta{color:#f0f2f9;color:var(--white);font-size:clamp(1rem,5vw,1.2rem);font-weight:400;max-width:400px}.hero-picker{align-items:center;display:flex;flex-direction:column;margin-right:0;position:relative;width:40%}.about-container,.color-picker-card,.display-section{background-color:#2b2b3a88;border:1px solid #313044;border-radius:15px}.color-picker-card{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-picker-card:before{background:url(/static/media/pppointed.acd5ab410c1c60a15b5b.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:200px;left:-300px;position:absolute;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:300px}.nav-container{background-color:initial;display:flex;height:70px;left:0;position:fixed;right:0;top:0;z-index:2}.nav-scrolled{background-color:#151429;background-color:var(--black);box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.nav-inner,.nav-item{justify-content:space-between;width:100%;width:var(--full)}.nav-item{align-items:center;display:flex;flex-direction:row;margin:auto}.nav-logo{background-image:url(/static/media/logo.1a246d66cdfc4ed42951.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:30px;width:180px}.nav-github{color:#f0f2f9;color:var(--white);font-size:1.5rem}.nav-github:hover{color:#00c3ff;color:var(--blue)}.display,.display-section{width:100%;width:var(--full)}.display-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:5px;min-height:400px;padding:.5rem}.display-section-el{display:block;padding-bottom:20px;position:relative}.display-el{display:flex;flex-wrap:wrap;justify-content:center}.head-el{align-items:center;display:flex;gap:20px;margin:.5rem 0}.head-el,.start{justify-content:flex-start}.head-el__circle{background-color:#151429;background-color:var(--black);border-radius:50%;height:30px;outline:1px solid #00c3ff;outline:1px solid var(--blue);outline-offset:5px;width:30px}.head-el__text{font-size:1.2rem}.head-el__hr{background-color:#00c3ff;background-color:var(--blue);border-radius:30px;height:5px;max-width:200px;width:40vw}.about-section,.footer-section{background-color:#151429;background-color:var(--black);color:#f0f2f9;color:var(--white);height:400px;margin-top:7rem;position:relative}.about-section{padding-top:6rem}.about-container{background-color:#1b1b25af;bottom:30px;display:flex;flex-direction:column;justify-content:flex-end;max-width:500px;padding:.5rem;position:absolute;top:0;width:90vw}.about-section__top{align-items:center;display:flex;gap:10px}.about-section__title{font-size:18px}.about-section__me{background-image:url(/static/media/my-pic.045ba8d0563309091b8d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:50px;width:50px}.about-section__text{font-size:14px}.about-section__name{font-size:12px}.about-section__hr{background-color:#00c3ff;background-color:var(--blue);border-radius:30px;display:inline-block;height:3px;margin-right:.5rem;width:50px}.footer-section{height:auto;margin-top:0}.color-code{color:#1a1c1f}.hue-color{align-items:flex-end;border:none;border-radius:0;color:#ced3d8;display:flex;font-size:16px;height:130px;justify-content:center;outline:none;padding:.5rem;-webkit-transform-origin:bottom;transform-origin:bottom;transition-duration:.8s;transition-property:all;width:130px}.hue-color:hover{border-radius:10px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);scale:1.2}.color-picker{background-color:#fff;border:2px solid gray;border-radius:30px;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-text{background-color:initial;border:none;border-radius:30px;color:#3c3c44;font-size:18px;line-height:0;outline:none;padding:.5rem 1rem;width:150px}.cl{border-radius:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input[type=color]{border-image:none;height:40px;opacity:0;outline:none;padding:0;width:40px}.color-text>input{height:100%;opacity:0;width:100%}.copied{align-items:center;display:flex;flex-direction:column;font-size:18px;height:100%;justify-content:center;width:100%}.copied>p{font-size:12px}.picked{align-items:center;border-radius:10px;display:flex;font-size:16px;height:150px;justify-content:center}@media (min-width:426px) and (max-width:768px){.inner-section{max-width:85vw}}@media (min-width:769px){.inner-section{max-width:85vw}.hero{flex-direction:row}.color-picker-card:before{top:150px}.hero-header__title-rule{height:10px}.color-picker-card{margin-bottom:auto}}@media (min-width:1025px){.color-picker-card:before{left:-150px;top:100px}.hero-header,.hero-header__cta{width:60%}}@media (min-width:1400px){.inner-section{max-width:1200px}}
/*# sourceMappingURL=main.d113b7af.css.map*/