*{margin:0;padding:0;box-sizing:border-box}.container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.first-container,.second-container{flex:1 1 100%;display:flex;justify-content:center;align-items:center;position:relative;padding:1rem}@media (min-width: 768px){.first-container,.second-container{flex:1 1 50%}}.info-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.header{display:flex;justify-content:center;align-items:center}.info-container select{margin-left:10px;padding:5px;font-size:16px}.info-container h1{font-family:sans-serif;font-weight:600;color:#f4552e}.first-container .image-container .default-image{max-height:100%;max-width:100%;width:auto;height:auto;border:1px solid #000000}.template-image{height:25vw;width:25vw;max-height:295px;max-width:292px;border-radius:50%;position:absolute;object-fit:cover;object-position:center;top:31.5%;left:74.8%;transform:translate(-50%,-50%)}.uploaded-image{height:19vw;width:19vw;max-height:295px;max-width:292px;border-radius:50%;position:absolute;object-fit:cover;object-position:center;top:50%;left:50%;transform:translate(-50%,-50%)}.details-container{display:flex;flex-direction:column;justify-content:center;font-size:calc(1rem + .5vw);position:absolute;width:40%;top:56%;left:77%;transform:translate(-50%,-50%);text-align:center}.details-container .name{font-size:1.5rem;font-weight:600;font-family:sans-serif}.second-container{gap:1rem;flex-direction:column;padding:1rem;text-align:center}.second-container .image-icon{margin-top:80px}.input-container{display:flex;width:100%;gap:1rem;padding:0 1rem}@media (max-width: 768px){.input-container{width:100%;display:flex;gap:1rem}}button{font-size:1rem;padding:.5rem 1rem}body{margin-bottom:2rem}@media screen and (max-width: 1024px){.uploaded-image{height:27vw;width:27vw;max-height:295px;max-width:295px}.second-container .image-icon{margin-top:50px!important}}@media screen and (max-width: 768px){.uploaded-image{height:40vw;width:40vw;max-height:295px;max-width:295px}}@media screen and (max-width: 768px) and (min-width: 480px){.uploaded-image{height:36vw;width:36vw;max-height:295px;max-width:295px}.second-container .image-icon{margin-top:25px!important;margin-left:5px!important}}@media (max-width: 500px){.input-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.input-container .MuiTextField-root{width:calc(50% - .5rem);box-sizing:border-box}.default-image{height:100%;width:100%}.image-icon label{font-size:50px!important}.image-icon label svg{font-size:50px!important}.details-container{width:50%;font-size:calc(1rem + 1vw);top:50%;left:75%;transform:translate(-50%)}.details-container .name{font-size:.7rem}.details-container p{font-size:.6rem}.details-container p:nth-child(3){width:80%;margin-left:20px}.image-icon p{margin-top:5px!important;font-size:12px!important}.header{display:flex;flex-direction:column;gap:10px}}@media screen and (max-width: 480px){.uploaded-image{height:32vw;width:32vw;max-height:295px;max-width:295px;margin-left:-4px;margin-top:3px}.second-container .image-icon{margin-top:15px!important;margin-left:-5px!important;font-size:xx-large}}@media screen and (max-width: 420px){.uploaded-image{height:30vw;width:30vw;max-height:295px;max-width:295px}.second-container .image-icon{margin-top:0!important;margin-left:-5px!important;font-size:xx-large}.image-icon p{margin-top:-5px!important;font-size:8px!important}}