body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}:root{--black:#000;--white:#fff;--backgroundPurple:#d9f8ff;--lightPurple:#dcb8fd;--lighterPurple:#ecd8ff;--purple:#8725b8;--darkPurple:#4a096b;--purpleGradient:linear-gradient(0deg,#bb4db2,#8725b8)}html{background:#dcb8fd;background:var(--lightPurple)}.app{height:100%}.app,.footer,.header{align-items:center;display:flex;flex-direction:column}.footer,.header{background-color:#8725b8;background-color:var(--purple);background:linear-gradient(0deg,#bb4db2,#8725b8);background:var(--purpleGradient);color:#fff;color:var(--white);padding:40px 0;text-align:center;width:100vw}.header{border-bottom:10px ridge #dcb8fd;border-bottom:10px ridge var(--lightPurple)}.footer{border-top:10px ridge #dcb8fd;border-top:10px ridge var(--lightPurple)}.header h1{font-size:40px;margin:0}.avtarName{align-items:bottom;border-bottom:2px solid #fff;border-bottom:2px solid var(--white);display:flex;justify-content:center;padding:20px 20px 3px}.input{background:none;border:none;font-size:medium;outline:none;text-align:center}.input,.input::placeholder{color:#fff;color:var(--white)}.input::placeholder{opacity:80%}.createAvatar{align-items:center;display:flex;justify-content:space-around;margin:50px 10px;width:100%}.avatar{background-color:#ecd8ff;background-color:var(--lighterPurple);border:10px ridge #dcb8fd;border:10px ridge var(--lightPurple);border-radius:50%;padding:40px 60px 30px}.avatar,.avatarContainer{align-items:center;display:flex;flex-direction:column}.avatarContainer{position:relative}.avatar h1{background:#dcb8fd;background:var(--lightPurple);border:5px ridge #dcb8fd;border:5px ridge var(--lightPurple);border-radius:30px;color:#4a096b;color:var(--darkPurple);font-size:large;min-width:170px;padding:10px 30px;text-align:center}.selectedFeature{position:absolute}.featureContainer{display:flex;flex-direction:column;gap:20px;margin:0 10px}.featureTitle{background:linear-gradient(0deg,#bb4db2,#8725b8);background:var(--purpleGradient);border:5px ridge #dcb8fd;border:5px ridge var(--lightPurple);border-radius:40px 40px 0 0;color:#fff;color:var(--white);font-size:medium;margin:0;padding:5px;text-align:center}.feature{background-color:#ecd8ff;background-color:var(--lighterPurple);border-bottom:5px ridge #dcb8fd;border-bottom:5px ridge var(--lightPurple);border-radius:0 0 40px 40px;cursor:pointer;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:10px}.feature img:hover{background-color:#dcb8fd;background-color:var(--lightPurple);opacity:40%}.avatarFeature{border-radius:20px;padding:10px}.selected{background-color:#dcb8fd;background-color:var(--lightPurple)}.hair{left:-20px;min-width:340px;top:-30px}.brows{left:40px;top:80px;width:220px}.eye{left:50px;top:118px;width:200px}.eyeShadow{left:40px;opacity:40%;top:88px;width:220px}.nose{left:118px;top:155px;width:65px}.noseShadow{left:50px;top:140px;width:200px}.mouth{left:100px;top:210px;width:100px}.button{background-color:#8725b8;background-color:var(--purple);border-radius:30px;color:#fff;color:var(--white);cursor:pointer;font-size:medium;font-weight:600;margin:50px;min-width:100px;padding:5px 30px}.button:hover{background:linear-gradient(0deg,#bb4db2,#8725b8);background:var(--purpleGradient)}@media (max-width:1250px){.createAvatar{flex-direction:column;gap:20px}}@media (max-width:700px){.avatar{background-color:initial;border:none;padding:0}.avatar h1{background-color:#ecd8ff;background-color:var(--lighterPurple)}}
/*# sourceMappingURL=main.b74b6826.css.map*/