body{margin:0;padding:0;width:100vw;height:fit-content;font-family:Calibri;overflow-x:hidden;display:flex}:root{--back-clr: #111827;--txt-clr: white;--btn-clr: #6dabe4}#root{width:100%;height:100vh;display:flex;flex-direction:column}button{background-color:#fff}input,textarea{background-color:#fff;color:#002e5d;border:none;outline:#002e5d solid;outline-width:thin;font-size:.8vw;width:100%;border-radius:.375rem;padding:.5rem .75rem}.input-field,.form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:5px;margin-right:5px;margin-bottom:5px}.input-field-period{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.period-input{width:40%}textarea{word-wrap:break-word;overflow:auto;height:auto}input:focus,textarea:focus{outline:solid #6dabe4}textarea{resize:vertical;height:6rem}label{font-size:.8vw;color:#9ca3af}input:focus,textarea:focus{outline:solid #afcbff}@media only screen and (max-width: 600px){body{display:block;overflow-x:hidden}#root{display:block}.form-container{height:auto;margin-bottom:2rem}.heading{font-size:2.5rem;margin-bottom:5%}.details-container{margin-bottom:0}label,textarea,input{font-size:.8rem}form>ul>li,form{gap:1rem}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-header{display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:0;height:2em;padding-top:1.5em;padding-bottom:1.5em;background-color:#fff}.logo-img{margin-left:.5em;height:2em}.main-app{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:91.5vh;background-color:#ecf0f1}.main-app-leftSide{flex:1;display:flex;gap:2%;flex-direction:column;align-items:flex-start;color:#002e5d;background-color:#ecf0f1;height:100%;overflow-y:auto;padding-left:3em;padding-right:4.5em;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.main-app-leftSide::-webkit-scrollbar{display:none}.main-app-rightSide{width:50%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#ecf0f1}.half-input-div{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.half-input{width:48%}.section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}.section-form{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.bottom-input-padding{padding-bottom:2em}.btn-div{display:flex;flex-direction:row;justify-content:flex-end;width:100%;padding-left:20px}.delete-button{background-color:#d8374a;color:#fff;border:none;border-radius:.375rem;margin-top:10px;font-size:.8vw;width:15%}.add-button{background-color:#002e5d;color:#fff;border:none;border-radius:.375rem;font-size:.8vw;width:30%}.spacer{height:1em}.main-header{color:#000}.main-footer{display:flex;justify-content:center;align-items:center;height:6.5vh;background-color:#ecf0f1;color:#000}.delete-button:hover,.add-button:hover{cursor:pointer;opacity:.8;outline:none}@font-face{font-family:CMU-Serif-Bold;src:url(/CV-Application/assets/CMU-Serif-Bold.ttf-kMxFZtTG.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:CMU-Serif-Roman;src:url(/CV-Application/assets/CMU-Serif-Roman.ttf-QsTZ49qm.woff) format("woff");font-weight:400;font-style:normal}.cv-container{flex:1.5;position:sticky;display:flex;flex-direction:column;background-color:#fff;color:#000;width:32vw;height:45.12vw;overflow-y:auto;font-size:.5vw;scroll-behavior:smooth}.cv-container h2,.cv-container h1,.cv-container h3,.cv-container h4,.cv-container p{margin-bottom:0;margin-top:0}.cv-container h3,.cv-container h4,.cv-container p{font-family:CMU-Serif-Roman,serif}.cv-container h1{font-family:CMU-Serif-Bold,serif}.bold{font-family:CMU-Serif-Bold,serif!important}.p-left{width:80%}.cv-container hr{margin-top:0;margin-bottom:0}.cv-header{margin-top:20px;display:flex;flex-direction:column;align-items:center}.cv-header p{font-size:x-small}.cv-header h1{font-size:x-large}.cv-body{display:flex;flex-direction:column;margin-left:15px;margin-right:15px}.education-item-school{display:flex;flex-direction:row;align-content:baseline;justify-content:space-between;font-family:CMU-Serif-Bold,serif!important}.education-item-degree{display:flex;flex-direction:row;align-content:baseline;justify-content:space-between;font-family:CMU-Serif-Roman,serif}.resume-heading{font-family:CMU-Serif-Roman,serif}.resume-period{width:max-content}.resume-heading{font-weight:500}hr{margin-top:0;margin-bottom:0}.divider{height:2px}.educations,.experiences,.projects,.skills,.achievements,.PORs,.extracurriculars{margin-left:10px;margin-right:10px;gap:.5vw}: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;margin:0;padding:0}#root{margin:0;padding:0;max-width:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0}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;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.header{display:flex;justify-content:space-between;align-items:center;margin-top:1.5em;margin-bottom:1.5em;height:2.5em;width:100%}.header-brand{display:flex;flex-direction:row;align-items:center}.logo-img{width:5em;height:5em;margin-right:.5em}.logo-name{font-size:1.5em;font-weight:500}.header-btns{margin-right:20px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}