#root{display:flex;padding:1rem;justify-content:center;align-items:flex-start;width:100%;height:100vh;gap:2rem}.logo{height:4em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.nav-container{margin:0;padding:0;height:100%}.form-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;border:1px solid #cacece}.cv-container{position:relative;overflow-y:scroll;overflow-x:hidden;border:1px solid #cacece;height:100%}.cv-container button{position:fixed;width:fit-content;top:16px;right:30px;border-top-left-radius:0;border-top-right-radius:0;background-color:#000;color:#fff}*::-webkit-scrollbar{width:.4em}*::-webkit-scrollbar-track{background-color:#cacece}*::-webkit-scrollbar-thumb{background-color:#a9a9a9}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}.cv{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:3rem}.cv-preview-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5em}.cv-preview-section h1,.cv-preview-section h2,.cv-preview-section h3,.cv-preview-section ul{margin:0;padding:0}.section-heading-seperator{width:100%;height:1px;background-color:#cacece}.list{display:flex;flex-wrap:wrap}.list li{margin-left:1.5em;margin-right:1.5em}.section-heading{display:flex;font-size:2em;margin-bottom:.2em}#skills-section .skill-type-wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;width:100%}#work-section .company-wrapper{display:flex;flex-direction:column;gap:.5em;width:100%}#work-section .list{flex-direction:column;width:100%}#work-section .cv-preview-p{display:flex;width:100%;padding:0;margin:0}#work-section h2{font-size:18px}.company-name-ad,.school-name-ad{color:#b7b9b9}.company-name-ad,.position-work-period,.school-name-ad,.course-name-period{display:flex;flex:1 1 auto;width:100%;justify-content:space-between}#education-section .school-wrapper{display:flex;flex-direction:column;width:100%}#education-section h2,#certificate-section h2{font-size:16px}#certificate-section .certificate-wrapper{display:flex;width:100%;justify-content:flex-start;align-items:center;gap:.3em}#certificate-section .certificate-wrapper .certificate-seperator{width:1.5em;height:3px;background-color:#000}#hobby-section h2{font-size:16px}#hobby-section p{margin:0;padding:0}#hobby-section .hobbies-container{display:grid;gap:4em;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:2em;gap:.5em;overflow-y:scroll;overflow-x:hidden}form .form-field-wrapper{display:flex;flex-direction:column}form .form-field-wrapper button{margin-top:1em}form label,form input,form div{width:100%;padding:.5em}form label{font-size:16px;font-weight:100;color:#000}form input{border:none;outline:1px solid #000}form input:focus,form input:focus-visible{outline-color:#535bf2;color:#646cff}form input:hover{outline-color:#646cff;color:#646cff}.link-field-wrapper{display:flex;flex-direction:column;gap:1em}.link-field-wrapper div{display:flex;flex-direction:row;justify-content:flex-end;width:100%;gap:1em;padding:0}.link-field-wrapper div input,.link-field-wrapper div label{padding:.2em .5em}.link-field-wrapper div label{width:fit-content;min-width:25%}.next-prev-button-container{display:flex;justify-content:space-between;align-items:center;width:100%}.next-prev-button-container button{border-radius:0;width:50%;border:none}.next-prev-button-container button:not(:disabled):hover{background-color:#000;color:#fff}.next-prev-button-container button:disabled{cursor:not-allowed}textarea{display:flex;padding:.5em;border:none;outline:1px solid #000;min-width:100%}#summary-form{min-height:60vh}.skills-box{height:15vh}.workdone{height:20vh}.nav{display:flex;flex-direction:column;height:100%;justify-content:space-between;align-items:center;padding:0;margin-right:3.5rem}.nav-button-container{display:flex;flex-direction:column;gap:2.5rem;align-items:center}.nav-button{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:.4em}.logo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:fit-content}.nav-tag{position:absolute;width:fit-content;height:min-content;left:3rem;z-index:10;padding:.5em;font-size:12px;border-radius:6px;background-color:#f9f9f9;color:#000;border:1px solid rgb(0,0,0,.1)}.selected{background-color:#000;color:#fff;font-weight:700}: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}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{overflow:hidden;margin:0;padding:0;display:flex;justify-content:flex-start;min-width:320px;min-height:100vh;width:100vw}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}.seperator{width:1px;height:100%;background-color:#dad8d8}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}