#root{max-width:1280px;text-align:center;height:100vh;width:100vw;display:flex;gap:15px;padding-top:30px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#555}.infoPanel{background-color:#fff;width:450px;height:95vh;overflow:hidden;border-radius:15px;box-shadow:0 0 30px 20px #d1d5db;padding:5px;box-sizing:border-box}fieldset{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:10px;border-radius:15px;border:0;background-color:#f1f1f1;box-sizing:border-box}fieldset:hover{background-color:#f9fafb;border:1px solid;border-color:#646cff}input{max-width:250px;font-size:1.2rem;padding:8px;background-color:#d1d5db;border:0;border-radius:5px}textarea{background-color:#d1d5db;border:0;border-radius:10px;width:350px;height:200px;resize:none;font-size:1rem;font-family:inherit;padding:10px;text-align:justify}.userInputWrapper{display:flex;align-items:center;justify-content:flex-end;gap:15px;max-width:450px}li{text-align:left}ul{margin:0}p{display:flex;justify-content:space-between}.navbar{position:sticky;top:0;height:200px;max-width:110px}.preview{width:55%;background-color:#fff;min-height:850px;min-width:640px;box-shadow:0 0 30px 1px #d1d5db;position:relative;overflow:scroll}.previewIcon{padding:5px;margin:10px 10px 10px 0;background-color:#d1d5db;border-radius:50%;cursor:pointer}.iconsWrapper{position:absolute;right:0}.addEducation,.addWorkExperience,.download{box-shadow:0 0 30px 10px #d1d5db;background-color:#fff;color:#000;width:100px;height:100px;padding:2px}.mainContentWrapper{width:90vw;display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap}.basicInfoPreview{height:150px;width:100%;background-color:#adff2f;padding:15px 5px;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.emailSvg{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='20px'%20height='20px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='vector'%20d='M17%2020.5H7C4%2020.5%202%2019%202%2015.5V8.5C2%205%204%203.5%207%203.5H17C20%203.5%2022%205%2022%208.5V15.5C22%2019%2020%2020.5%2017%2020.5Z'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='vector_2'%20d='M18.7698%207.7688L13.2228%2012.0551C12.5025%2012.6116%2011.4973%2012.6116%2010.777%2012.0551L5.22998%207.7688'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e");width:20px;height:20px}.contactInfo{display:flex;justify-content:center;align-items:center;font-weight:500;gap:20px;flex-wrap:wrap}.emailWrapper,.phoneWrapper{display:flex;gap:5px;align-items:center}label{font-weight:500;width:100px}.inputWrapper{display:flex;flex-direction:column;gap:20px}legend{font-size:1.5rem;font-weight:700;height:40px;display:flex}.deleteField{background-color:#fff;border-radius:50%;width:40px;height:40px;margin:0;cursor:pointer}.ongoingInput{display:flex;width:140px;justify-content:space-between}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;-webkit-transition:.4s;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#646cff}input:focus+.slider{box-shadow:0 0 1px #646cff}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}@media (max-width: 1230px){#root{flex-direction:column;align-items:center}.navbar{display:flex;min-width:100vw;justify-content:space-around;position:relative}.mainContentWrapper{justify-content:center;gap:40px}.addEducation,.addWorkExperience,.download{margin:0!important;height:60px;width:30vw}.download{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:5px}.infoPanel{width:90vw;overflow:hidden;overflow-x:hidden}.form{width:85vw;height:80vh;display:flex;flex-direction:column;gap:20px}.inputWrapper{width:80vw;align-items:center}.userInputWrapper,textarea,label{width:80vw;flex-direction:column}.infoWrapper{width:90vw;display:flex;justify-content:center}fieldset{margin:0;padding:10px 1px}label{width:50vw!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#000}#root,input{color:#000}.skillsForm{max-width:90vw}li>p{width:60vw!important}textarea,.formHeader{width:70vw!important;color:#000}input[type=text]{min-width:50vw}.preview{width:90vw;min-width:300px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}h1{font-size:2.2em;line-height:1.1;margin:0}button{border-radius:8px;border:1px solid transparent;padding:.3em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s;margin:5px 0}button:hover{border-color:#646cff;color:#646cff}input:focus,textarea:focus{outline-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}p,h2{margin:0}h2{font-size:1.2rem}::-moz-selection{color:#000;background:#535bf2}::selection{color:#000;background:#535bf2}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0px;block-size:0px;width:10px;height:10px;border:none;overflow:hidden;color:red;border-radius:50%}input[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:50%;padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;padding:0}