:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;height:100dvh;width:100dvw;margin:100px auto 0;padding:3rem;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:djf}body{height:100dvh;width:100dvw}.formSection{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:30dvw}.viewSection{max-width:55dvw}h1{color:#fff}form{display:flex;flex-direction:column;align-items:center;min-height:125px;max-width:40dvw}.nameAndAddress{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:4;gap:10px;margin-bottom:10px;width:100%}#name{font-size:2rem;font-family:Times New Roman,serif;text-align:center;width:100%}#address{font-size:1.3rem;font-family:Times New Roman,serif;text-align:center;width:100%}.emailNumberWebsite{gap:10px;display:flex;flex-direction:column;width:100%}#email,#number,#website{font-family:Times New Roman,serif;text-align:center;font-size:1.2rem}.resume{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:1px solid grey;background-color:#f5f5f5;min-height:300px;border-radius:.3rem;padding:2rem}.print{width:100%;display:flex;justify-content:flex-end}.printBtn{margin:20px}h1,h2,p{margin:0;padding:0;color:#333;font-family:Times New Roman,serif}h1{font-size:2rem;font-weight:400}h2{font-size:1.2rem;font-weight:400}span{font-weight:700;color:#333}.personal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-height:100px;min-width:600px}.nameAndAddressPreview{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:0}.emailNumberWebsitePreview{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:0}.experienceContainer{display:flex;justify-content:flex-start;width:100%;margin-top:20px}.experienceView{width:100%}.line{margin-top:2px;height:2px;width:100%;background-color:#333}.projectFeats{margin-top:5px}.experienceh1{font-size:1.1rem}.titleAndDate{margin-top:15px;display:flex;justify-content:space-between}.title{font-size:1rem;font-weight:700;margin:0;line-height:10px}.company{font-style:italic;margin:0}.accomplishments{padding-left:20px}.padding{padding-top:6px;padding-left:20px}.tech{line-height:1;margin:0;padding:0}.top{margin-bottom:-8px}.titleAndLink{display:flex;align-items:center;justify-content:flex-start;gap:5px}.column{flex-direction:column;gap:10px}.blue{color:light-blue}.black{font-weight:400}.addContainer{width:100%;display:flex;justify-content:center;align-items:center;padding-top:20px}button{transition:all .3s ease}button:hover{cursor:pointer;transform:scale(1.05);border:1px solid #333}button:active{transform:scale(1);border:1px solid #333}.addSection{display:flex;flex-direction:column;justify-content:center;margin-top:1rem;width:200px;margin-bottom:40px}.addSectionDropdown{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;border-radius:8px;display:none}.open{animation:expand .3s ease-in-out;transform-origin:top;display:block}@keyframes expand{0%{transform:scaleY(0)}70%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.closed{animation:close .4s ease-in-out;transform-origin:top;display:block}@keyframes close{0%{transform:scaleY(1)}30%{transform:scaleY(1.1)}to{transform:scaleY(0)}}.addSectionBtn{width:200px;text-align:center}.sectionBtn{width:200px}.experienceForm{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-items:center;gap:10px;margin-top:30px}.skills{margin-bottom:-50px}.Container,.educationContainer{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px}.accomplishmentsForm{display:flex;flex-direction:column;gap:10px;padding:0;margin:0}label,input{font-size:1.2rem}.experienceFormWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.deleteExperienceBtn{margin-top:30px}.addNewFormContainer{display:flex;justify-content:center;width:100%;margin-top:2rem}