@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";html{box-sizing:border-box;font-size:62.5%}*,:before,:after{box-sizing:inherit;margin:0;padding:0}:root{font-family:Roboto,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;padding-top:175px;min-width:320px;min-height:100vh;background:linear-gradient(170deg,#708ac4 35%,#fff 30%);background-repeat:no-repeat}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:700px){body{padding-top:100px}}#root{width:100%;padding:2rem;text-align:center}fieldset{background-color:#fff}@media(max-width:700px){#root{padding:8px;overflow-y:auto}}legend{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-size:24px;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;margin-bottom:12px;text-align:left}.custom-divider{border-top:1px solid #ddd;border-radius:2px;width:100%;height:min-content;margin-bottom:12px;grid-column:span 2}fieldset{border-radius:5px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;display:grid;padding:40px 40px 0;border:none}fieldset input{width:100%}fieldset{max-width:800px;margin:auto;grid-template-columns:repeat(2,1fr);column-gap:16px}fieldset .fieldset-legend,#address-form,#academicachievements-form{grid-column:span 2}#address-form input{width:100%}.buttonContainer{grid-column:span 2}@media(max-width:700px){fieldset{padding:10px 10px 0}}.form-control>label{display:flex;flex-direction:column;align-items:flex-start}.label-text{font-size:16px;font-weight:600;padding:6px 0}.form-control input{appearance:none;height:48px;border:1px solid #dbdde1;background-color:#f3f4f6;border-radius:12px;outline:none;padding:8px 16px;font-size:14px}.error-message{font-family:Arial,Helvetica,sans-serif;height:14px;color:#c13838ed;font-size:1.3rem;white-space:pre-line;margin:4px 0}.error{border:2px solid #c13838!important}.btn-grp{grid-column:span 2;display:grid;grid-template-columns:auto auto 1fr auto auto;margin:24px 0;column-gap:8px}.btn-grp button{cursor:pointer;border:none;border-radius:4px;font-family:Noto Sans,sans-serif;font-weight:600;font-size:14px;padding:16px 24px;background-color:initial;color:gray;outline:1px solid grey}button[name=previous]{background-color:#969696;color:#f0f8ff;display:flex;align-items:center;font-size:16px;padding:8px 16px;border-radius:4px;cursor:pointer;grid-column:1}button[name=previous]:hover{background-color:#787878}button[name=previous] .btn-icon{margin-right:8px}button[name=addeducation],button[name=addworkexperience]{display:flex;align-items:center;grid-column:4;justify-self:end}button[name=clear]{grid-column:2}button[name=addeducation] .btn-icon,button[name=addworkexperience] .btn-icon{margin-right:8px;height:18px}button[name=clear],button[name=addeducation],button[name=addworkexperience]{transition:color .1s}button[name=clear]:hover,button[name=addeducation]:hover,button[name=addworkexperience]:hover{text-decoration:underline;color:#646464}button[name=nextstep]{background-color:#8070c4;color:#fff;font-size:16px;font-weight:700;padding:8px 24px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;text-align:center;text-decoration:none;transition:background-color .1s;outline:none;grid-column:5;justify-self:end}button[name=nextstep]:hover,button[name=nextstep]:focus{background-color:#7260bf}button[name=nextstep] .btn-icon{margin-left:8px}.btn-icon{height:16px}#personal-details .btn-grp{margin-top:0}@media(max-width:700px){.btn-grp:not(#personal-details .btn-grp){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);row-gap:8px}.btn-grp button{padding:16px 24px}button[name=clear]{grid-column:1;grid-row:1}button[name=addeducation],button[name=addworkexperience]{width:100%;justify-content:center;grid-column:2;grid-row:1}button[name=previous]:not(.template button[name=previous]){grid-column:1;grid-row:2;justify-content:center}button[name=nextstep]:not(#personal-details button[name=nextstep]){grid-column:2;grid-row:2;justify-self:auto}#personal-details .btn-grp{grid-template-columns:repeat(2,1fr)}#personal-details button[name=nextstep]{grid-column:2;justify-self:auto}}textarea{width:100%;appearance:none;border:1px solid #dbdde1;background-color:#f3f4f6;border-radius:12px;outline:none;padding:8px 16px;font-size:14px;resize:none}.experience-preview{display:grid;grid-template-columns:200px 1fr;justify-items:flex-start;gap:6px}.exp-preview-btn{width:100%;border:none;cursor:pointer;padding:20px 0;font-size:16px;background-color:transparent}.exp-preview-btn:hover{background-color:#eee}.exp-preview-title{font-weight:700}.preview-list{grid-column:span 2;list-style-type:none}#employer-form,#description-form{grid-column:span 2}.template-section{padding:12px 32px 0}.template-section-hdr{display:flex;justify-items:flex-start;align-items:center;background-color:#eee;font-size:20px;border-radius:2px;gap:12px;padding:8px}.template-icon{height:20px}.template-icon img{height:20px;width:auto}.template-section-content{padding-top:12px}#template-personal .template-section-content{display:grid;grid-template-columns:200px 1fr;justify-items:flex-start;font-size:16px;row-gap:4px}#template-personal .template-section-content div{text-align:left}#template-personal .template-section-content div:nth-child(2n){font-weight:700}.template-section li{width:100%;display:grid;grid-template-columns:auto 1fr;font-size:16px;justify-items:flex-start;row-gap:4px;column-gap:20px}.template-section li *:nth-child(n+3){grid-column:span 2}.template-section li div:first-of-type{font-weight:700}.template-section li *:nth-child(2){justify-self:flex-end}.description{text-align:left;list-style-type:disc;margin-bottom:12px}.description li{display:list-item;list-style-position:inside;padding:1px 0}#template-work-exp ul:first-child li *:nth-child(2){justify-self:flex-end}@media(max-width:700px){#template-personal .template-section-content{grid-template-columns:auto 1fr;column-gap:32px}}.template-container{max-width:800px;background-color:#fff;border-radius:5px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;display:grid;border:none;margin:auto}.template-header{width:100%;background-color:#4c6cb5;color:#f0f8ff;font-size:48px;text-align:left;padding:16px 32px}.template-container .buttonContainer{grid-column:span 1;padding-top:16px}.template-container button[name=previous]{margin-top:24px;justify-content:center;border:none;padding:16px 24px;background-color:#afafaf}.template-container button[name=previous]:hover{background-color:#969696}@media(max-width:700px){.template-header{font-size:32px}}.logo-container{max-width:800px;display:flex;position:absolute;top:20px;left:-150px;right:0;margin:auto;padding:0 20px}#logo{height:50px}@media(max-width:900px){.logo-container{left:0}}@media(max-width:700px){.logo-container{top:10px;padding:0}#logo{height:36px}}