.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 auto}.gradient-border{border-radius:30px;padding-bottom:1.3%;padding-right:1.3%;padding-left:1.3%;max-height:80em;max-width:40em;background:linear-gradient(180deg,#f4add4,#bcd3fe,#b5e1ba);background-size:200% 200%;animation:gradientAnimation 6s ease infinite}.kittydoll-logo{margin:.8vh;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:.7em;font-style:normal;color:#fff}h1{text-shadow:1px 1px 7px rgb(222,123,174)}@keyframes gradientAnimation{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}img{width:100%;height:auto;display:block}.bg{display:flex;justify-content:center;align-items:center;flex-direction:column;max-height:80vh;max-width:50vh;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#e5e5e5;width:100%}ul{list-style-type:none;margin:0;padding:0}.doll-frame{position:relative}.background{width:100%;height:auto;z-index:1}.skin-image{position:absolute;top:0;left:0;width:100%;height:auto;z-index:2}.eyebrow,.blush,.eyeshadow,.lips,.clothes{position:absolute;top:0;left:0;width:100%;height:auto;z-index:3}.hair,.eye-image{position:absolute;top:0;left:0;width:100%;height:auto;z-index:4}.accessories{position:absolute;top:0;left:0;width:100%;height:auto;z-index:5}.nav-button{height:4vh;border-bottom-left-radius:20%;border-bottom-right-radius:20%;text-decoration:none;background-image:linear-gradient(to bottom,#fadbff,#ffd1ea,#edc2d4,#e1b4cd,#f1bfd5);color:#c89eb2;border:solid .1px}.nav-container{display:flex;flex-direction:row;width:100%}.selection-grid{margin-top:1vh;overflow-x:scroll;max-width:100%;height:30vh}.selection-row{display:flex;flex-wrap:row;justify-content:center;align-items:center;max-width:100%}.eye-nav-frame,.hair-nav-frame{padding:2%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;overflow-x:scroll}.darkbrown{background-color:#2b2421}.lightbrown{background-color:#6b5436}.hazel{background-color:#75723a}.green{background-color:#9ac67e}.blue{background-color:#36678a}.lightblue{background-color:#9db8d3}.lilac{background-color:#b083c9}.pink{background-color:#d075af}.red{background-color:#a72b2b}.darkbrown,.lightbrown,.hazel,.green,.blue,.lightblue,.lilac,.pink,.red{padding:1.7vh;border-radius:30%;border:.5px solid;color:#636363}.blackHair{background-color:#2b2421}.brownHair{background-color:#4b3f2c}.orangeHair{background-color:#ad6c11}.blondeHair{background-color:#dbca87}.whiteHair{background-color:#dcdcdc}.redHair{background-color:#911e1e}.pinkHair{background-color:#ce74a1}.greenHair{background-color:#6b8c31}.blueHair{background-color:#2f4082}.lightblueHair{background-color:#7092c8}.lilacHair{background:linear-gradient(180deg,#ba88b8,#d4a1dd)}.blackHair,.brownHair,.orangeHair,.blondeHair,.whiteHair,.redHair,.pinkHair,.greenHair,.blueHair,.lightblueHair,.lilacHair{padding:1.7vh;border-radius:30%;border:.5px solid;color:#636363}.selection-icon{position:relative;width:12vh;height:12vh;margin:2vh;background-color:#d4d4d4;border:none;border-radius:10px;overflow:hidden}.base-icon,.cloth-icon,.eye-icon,.eyeshadow-icon,.icon{position:absolute}.eye-icon{top:0;left:0;z-index:3}.icon{top:0;left:0;border-radius:10px}.cloth-icon,.eyeshadow-icon{top:0;left:0;z-index:2}.base-icon{top:0;left:0;z-index:1}.save-button{border:none;background:none}.save{font-size:1.5em;font-weight:700;color:#de94c5}.fullscreen-preview{position:fixed;top:0;left:0;width:100%;height:100%;background:#d2d2d2c6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.preview-content{position:fixed;max-width:25vw;background:#fff;border-radius:8px;overflow:hidden;padding:20px}.preview-content img{width:100%;height:auto}.fullscreen-preview p{color:#d3a8c9;font-size:1em;font-family:Arial,Helvetica,sans-serif}.footer{font-size:x-small;font-family:Arial,Helvetica,sans-serif;color:#fff}@media (max-width: 431px){.selection-icon{width:19vw;height:19vw;margin:10px}.preview-content{position:fixed;max-width:60vw;background:#fff;border-radius:8px;overflow:hidden;padding:20px}.selection-grid{width:100%}.selection-row{display:flex;flex-wrap:row;justify-content:center;align-items:center;max-width:100%}.kittydoll-logo{margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:.7em;font-style:normal;color:#fff}h1{padding-bottom:4px;text-shadow:1px 1px 7px rgb(222,123,174)}.nav-container{max-width:80vw;overflow-x:auto;white-space:nowrap}.nav-button{width:12vw;height:9vw}.blackHair,.brownHair,.orangeHair,.blondeHair,.whiteHair,.redHair,.pinkHair,.greenHair,.blueHair,.lightblueHair,.lilacHair,.darkbrown,.lightbrown,.hazel,.green,.blue,.lightblue,.lilac,.pink,.red{padding:1.4vh}.bg{height:auto;padding-bottom:1vh;max-width:80vw}.gradient-border{max-width:80vw;padding:3vw}}body{text-align:center;background-image:url(/kittydoll/assets/bg-home-Bc5G-mU1.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}