*{margin:0;padding:0;box-sizing:border-box}#root{height:fit-content;background-color:#000}.no-scrollbar::-webkit-scrollbar{display:none}.container{overflow-x:hidden;display:flex}@media print{.sidebar{display:none}.canvas{height:auto;width:auto}.paper{width:100%;height:auto}}.sidebar-container{height:100vh;overflow-y:auto}.sidebar{background-color:#fff;flex-grow:4;max-width:650px;height:fit-content;overflow-y:auto;height:100vh;-ms-overflow-style:none;scrollbar-width:none}.hide{display:none!important}.show{display:block!important}.sidebar-head,.skill-details-container,.project-details-container,.experience-details-container,.education-details-container,.personal-details-container{background-color:#fff;margin:0 24px;padding:24px 32px;border-radius:6px;font-family:Arial,Helvetica,sans-serif}.hide-personal-details{width:50px;height:fit-content;padding:2px 12px;border-radius:6px;border:none;background-color:#0ff;cursor:pointer}.skill-head,.project-head,.experience-head,.education-head,.profile-head{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:8px}.skill-detail-h1,.project-detail-h1,.experience-detail-h1,.education-detail-h1,.personal-detail-h1{font-size:1.2rem;font-weight:700;padding-bottom:10px}.skill-form,.project-form,.experience-form,.education-form,.profile-form{display:flex;flex-direction:column;gap:8px}.top-field{display:flex;gap:18px;height:fit-content;flex-wrap:wrap}.right-field,.left-field{display:flex;flex-direction:column;flex-grow:1;gap:18px}.form-group{display:flex;flex-direction:column}.skill-input,.project-input,.experience-input,.education-input,.personal-input{cursor:text;padding:16px;border:none;border-bottom:2px solid transparent;background-color:#eff2f9;transition:border-bottom-color .3s ease,box-shadow .3s ease}.skill-input:focus,.project-input:focus,.experience-input:focus,.education-input:focus,.personal-input:focus{border-bottom-color:var(--blue);box-shadow:0 2px 5px #4cc9fe4d;outline:none}label{padding-bottom:8px}.skill-form>input,.project-form>input,.experience-form>input,.education-form>input,.profile-form>input{padding-top:12px}.skill-form>label,.project-form>label,.experience-form>label,.education-form>label,.profile-form>label{display:flex;flex-direction:column}.form-group>label>strong{font-size:.8rem;font-weight:400;color:#828ba2}.form-group>label{cursor:pointer}.exp-li{margin-left:24px}.project-details-list,.experience-details-list{padding-top:18px;padding-bottom:12px}.add-form-btn,.add-btn-list{display:block;width:100%;text-align:start;background-color:#fff;border:0px;margin-top:24px;color:var(--blue-text);font-size:.9rem;font-weight:700;padding-top:8px;padding-bottom:8px;padding-left:24px;transition:background-color .2s ease}.add-form-btn{padding-top:0;margin-top:0;padding-left:12px}.add-form-btn:hover,.add-btn-list:hover{cursor:pointer;background-color:var(--blue-back)}.block-title{display:block}.e-d-remove-btn{background-color:#fff;border:none;cursor:pointer;display:inline-block;transition:transform .3s ease}.e-d-remove-btn:hover{animation:bell-swing .7s ease 1}@keyframes bell-swing{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.project-detail-item,.experience-detail-item{display:flex;gap:12px;align-items:center}.e-d-input{width:100%;min-height:fit-content;height:auto;padding:16px;margin-top:8px;margin-bottom:8px;background-color:#eff2f9;border:none;outline:none;resize:vertical;overflow:hidden;box-sizing:border-box;white-space:normal}.sidebar-head{height:2rem;display:flex;height:fit-content;align-items:center;flex-direction:column;gap:24px}.file-name-input{display:flex;outline:none;border:none;cursor:pointer;text-align:center;font-size:2rem;width:fit-content}.file-name-input{border-bottom:2px solid transparent;transition:border-bottom-color .3s ease,box-shadow .3s ease}.file-name-input:focus{border-bottom-color:var(--blue);box-shadow:0 2px 5px #4cc9fe4d;outline:none}.div-head-btn{display:flex;gap:24px}.s-h-btn{color:#000;font-size:.9rem;width:8rem;padding:12px;outline:none;border:0px;border-radius:6px;cursor:pointer}.clear-all{background-color:#f95454}.download{background-color:#c6e7ff}.load-template{background-color:#00ff9c}.s-input{width:100%;min-height:fit-content;height:auto;padding:16px;background-color:#eff2f9;border:none;outline:none;resize:vertical;overflow:hidden;box-sizing:border-box;white-space:normal}.b-t-skill{margin-bottom:8px}.hide-btn{display:none!important}.form-hide-btn,.form-cancel-btn,.form-add-btn{display:block;width:90px;padding-top:8px;padding-bottom:8px;font-size:1rem;border-radius:6px;margin-top:24px;cursor:pointer}.form-hide-btn{background-color:var(--green-edit);color:#fff;border:solid 2px var(--green-edit)}.form-cancel-btn{background-color:var(--red-delete);color:#fff;border:solid 2px var(--red-delete)}.form-add-btn{background-color:var(--blue-text);color:#fff;border:solid 2px var(--blue-text)}.form-hide-btn:hover{background-color:#fff;color:var(--green-edit);border:solid 2px var(--green-edit)}.form-cancel-btn:hover{background-color:#fff;border:solid var(--red-delete) 2px;color:var(--red-delete)}.form-add-btn:hover{background-color:#fff;border:solid var(--blue-text) 2px;color:var(--blue-text)}.submission-container{display:flex;justify-content:space-between;border:solid rgba(0,0,0,.1) 1px;margin-top:12px;margin-bottom:12px;padding:18px;align-items:center}.submission-container:hover{cursor:pointer}.submission-container:hover .sub-btn{opacity:100%}.submission-container:hover .submission-text-content{color:var(--blue-text)}.submission-text-content{font-size:.8rem;font-weight:600}.submission-sub-text-content{font-size:.8rem;color:gray;padding-top:5px}.submission-btn{display:flex;gap:8px}.svg-icon{background-color:#fff;border:0px;cursor:pointer;stroke:#00000080}.sub-btn{background-color:#fff;border:0px;opacity:0%;transition:opacity .3s ease}.edit-btn:hover{stroke:var(--green-edit)}.del-btn:hover{stroke:var(--red-delete)}.s-e-c-container{display:flex;gap:12px}.s-nav-container{display:flex;justify-content:space-between;padding:18px 12px;border-bottom:solid 2px #eff2f9}.repo-link,.home-btn{background-color:#fff;border:0px;font-size:1.3rem;color:var(--blue-text);font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer}.repo-link{text-decoration:none}.github-icon{height:32px;width:32px}.sidebar-btn{border:0px;background-color:#fff}.sidebar-icon{height:28px;width:28px;transform:scale(1);transition:transform .1s ease}.sidebar-icon:hover{transform:scale(1.1)}.dropdown-container{position:relative}.dropdown-menu{position:absolute;display:flex;right:0;flex-direction:column;align-items:flex-end;opacity:0;transform:scaleY(0);transform-origin:top;transition:transform .3s ease,opacity .3s ease;box-shadow:0 4px 8px #0003;border-radius:6px;background-color:#fff}.download-icon,.reset-icon,.load-icon{height:24px;width:24px;background-color:transparent}.drop-btn{text-align:start;padding-left:12px;padding-top:24px;padding-bottom:24px;width:300px;background-color:#fff;border:0px;display:flex;align-items:center;gap:8px;font-size:1rem}.drop-btn:hover{background-color:var(--blue-text);color:#fff;cursor:pointer}.drop-btn:hover .download-icon,.drop-btn:hover .reset-icon,.drop-btn:hover .load-icon{stroke:#fff}.show-dropdown-menu{opacity:1;transform:scaleY(1);animation:bounce .5s ease}@keyframes bounce{0%{transform:scaleY(0)}50%{transform:scaleY(1.1)}to{transform:scaleY(1)}}@media (min-width: 1500px){.sidebar{min-width:650px}}@media (max-width: 1500px){.container{display:flex;width:100vw;flex-direction:column;height:fit-content}.sidebar{max-width:100vw;height:fit-content;overflow-x:hidden}.top-field{flex-wrap:wrap}.sidebar-head,.skill-details-container,.project-details-container,.experience-details-container,.education-details-container,.personal-details-container{margin:0;padding:12px 16px}}:root{--blue: #1a91f0;--blue-text: #1a91f0;--blue-back: #f4faff;--red-delete: rgba(252, 0, 5, 255);--green-edit: #28a745;--blue-1: #c6e7ff;--blue-2: #bfecff}.remove-icon{height:24px;width:24px}.hidden{visibility:hidden}.showed{visibility:visible}.canvas-container{display:flex;width:100%;background-color:var(--blue-1);justify-content:center}.canvas{height:100vh;overflow-y:auto;scrollbar-width:none}.paper{display:flex;flex-direction:column;width:22cm;height:29.7cm;margin-bottom:24px;padding-bottom:1200px;background:#fff;box-shadow:0 4px 8px #0003}a{color:#000;padding:0}.h1-name{text-align:center;padding-top:32px}.name-and-link-container{display:flex;flex-direction:column;align-items:center;height:fit-content;width:100%;padding-bottom:24px}.profile-link-list-style{list-style:none;display:flex;gap:6px;justify-content:center;align-items:center}.profile-li{font-size:14.666px;text-decoration:none}.skill-container,.projects-container,.experience-container,.education-container{padding-left:50px;padding-right:50px;width:100%}.skill-head,.project-head,.experience-head,.education-head{font-size:large}.skill-content,.proj-content,.exp-content,.edu-content{padding:3px 6px 3px 18px;display:flex}.skill-content{flex-direction:column}.skill-info,.exp-info,.edu-info{flex-grow:1}.proj-date>p,.exp-date>p,.edu-date>p{text-align:end}.skill-point,.proj-point,.exp-point{padding-left:50px;padding-right:32px;padding-bottom:6px;width:100%}.proj-desc,.exp-desc{padding-top:2px;padding-bottom:2px;font-size:14.666px}.vertical-line-break{margin-left:4px;margin-right:3px}.proj-info{display:flex;flex-grow:1}.skill-info{display:flex}.skills{width:80%}@media (max-width: 1500px){.sidebar{border-bottom:2px solid var(--blue-1)}.canvas{height:fit-content}.paper{width:100vw;max-width:22cm;min-height:29.7cm;height:fit-content;padding-bottom:24px;margin-bottom:0}.name-and-link-container{width:100%;padding-left:12px;padding-right:12px;padding-bottom:24px}.skill-container,.projects-container,.experience-container,.education-container{padding-left:12px;padding-right:12px;width:100%}.profile-link-list-style{flex-wrap:wrap}}