body{font-family:Inter,sans-serif}.tool{align-content:center;align-items:center;background-color:#fafafa;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;min-height:100vh;min-width:100%;position:relative}@media only screen and (max-width:500px){.main{padding-top:4em}}@media only screen and (min-width:500px){.main{padding-top:8em}}.main{align-content:center;align-items:center;color:#433e3f;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;padding-bottom:9em;position:relative;& h1,h2,p{margin-bottom:0;margin-top:1rem;padding-left:1rem;padding-right:1rem;text-align:center}& h1{font-size:2.5rem;font-weight:680}& h2{font-size:2rem;font-weight:300}}.footer{align-content:center;align-items:center;background-color:#fee0e4;bottom:0;display:flex;flex-direction:row;justify-content:center;position:absolute;width:100%;& a{color:#433e3f;text-decoration:none}}nav{display:flex;gap:3.5rem;padding-bottom:.75rem;padding-top:.75rem;& a{border-bottom:.2rem solid #fc929f;cursor:pointer}}.input-tool,.output{align-content:center;align-items:center;display:flex;flex-direction:column}.output{& img{box-shadow:0 0 10px #000;height:auto;margin-bottom:3em;margin-top:3em;max-height:40rem;max-width:50%;width:auto}}.input-div{display:flex;margin-top:4em;position:relative;& input{display:none}& label{align-content:center;align-items:center;background-color:#333;border-radius:.5em;color:#e6e6e6;cursor:pointer;display:flex;padding:20px;-webkit-user-select:none;user-select:none;&:hover{background-color:#c94f5e;transition-duration:.3s}& span{margin-right:.4em}}}.error-popup{align-content:center;align-items:center;background-color:#c1292e;border-radius:.5rem;color:#fafafa;display:flex;flex-direction:column;height:2.5rem;justify-content:center;left:50%;opacity:0;position:absolute;text-align:center;top:40%;transform:translate(-50%,-170%);transition:opacity .2s linear;-webkit-user-select:none;user-select:none;width:20rem}.error-popup.visible{opacity:1}.error-popup:after{border:.9rem solid #0000;border-top:1rem solid #c1292e;content:"";height:0;left:50%;position:absolute;top:100%;transform:translate(-50%,-10%);transition:opacity .2s linear;width:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.output-palette{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2vw;height:100%;justify-content:space-evenly;max-width:100%;max-width:80vw;padding-left:1rem;padding-right:1rem}@media only screen and (max-width:500px){.output-palette{max-width:100%}}@media only screen and (min-width:500px){.output-palette{max-width:50%}}.c-palette{align-content:center;align-items:center;color:#433e3f;display:flex;flex-direction:column;& p{font-size:18px;font-weight:500;margin-top:.65em}}.box{box-shadow:0 0 5px #000;padding:3.75em}body{margin:0;padding:0}@media only screen and (max-width:500px){.popup h1{font-size:3.5rem}.popup img{height:3rem}}@media only screen and (min-width:500px){.popup h1{font-size:5rem}.popup img{height:4.75rem}}.popup{align-content:center;align-items:center;background-image:linear-gradient(90deg,#833ab4,#fb6376);box-shadow:0 0 .2rem #000;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%;& h1{border:2px solid #000;color:#e6e6e6;font-weight:700}& h1,img{gap:0;margin:0}}.popup a{cursor:pointer;flex-direction:row;gap:2rem;justify-content:center;text-decoration:none;-webkit-user-select:none;user-select:none}.about-main,.popup a{align-content:center;align-items:center;display:flex}.about-main{background-color:#fafafa;flex-wrap:wrap;height:100%;min-height:100vh;min-width:100%}.about,.about-main{flex-direction:column;position:relative}.about{align-items:first baseline;color:#433e3f;display:flex;max-width:50rem;padding:2em 1em 4em;& h2{font-size:2rem;font-weight:680;margin-bottom:0}& a{border-bottom:2px solid #cb1aa2;cursor:pointer;font-weight:700}& ul{display:flex;gap:1rem;& li{margin-bottom:0}}}.colors{& p{font-size:1rem;font-weight:370;margin-top:0}& h3{font-weight:400;margin-bottom:0}}.head{& p{font-size:1.2rem;font-weight:300}& ul{display:flex;flex-direction:column}}a{all:unset}.contact-main{align-content:center;align-items:center;background-color:#fafafa;flex-wrap:wrap;height:100%;min-height:100vh;min-width:100%}.contact,.contact-main{display:flex;flex-direction:column;position:relative}.contact{color:#433e3f;max-width:50rem;padding:2em 1em 4em;& h2{font-size:2rem;font-weight:680;margin-bottom:0}& p{font-size:1.2rem;font-weight:300}& a{border-bottom:2px solid #cb1aa2;cursor:pointer}& ul{gap:1rem;& li{margin-bottom:0}}}
/*# sourceMappingURL=main.c95f1ad8.css.map*/