:root{--light-bg: #0b2942;--main-bg: #011627;--dark-bg: #010e19;--text: #d6deeb;--accent: #addb67;--heading: #82aaff;--opacity: 50%;--border-color: color-mix(in srgb, currentColor var(--opacity), transparent);--radius: 7px;--table-border-width: 1px}body{font-family:Helvetica;color:var(--text);background-color:var(--main-bg)}.cv{background-color:var(--light-bg);flex:1;margin:10px;border-radius:var(--radius)}.cvdata{background-color:var(--light-bg);margin:10px;padding:10px;border-radius:var(--radius)}html,body{margin:0;padding:0}#root{display:flex;height:100%}p{padding:0;margin:0}@media (width > 1000px){.cvdata{width:300px}}.personal-details,.education,.experience{margin-bottom:10px;background-color:var(--main-bg);padding:10px;border-radius:var(--radius);display:flex;flex-direction:column}:is(.personal-details,.education,.experience) label{display:flex;flex-direction:column}:is(.personal-details,.education,.experience) h2{margin:10px 0;color:var(--heading)}:is(.personal-details,.education,.experience) input{margin:10px 0;background-color:var(--light-bg);border:none;padding:8.5px 10px;color:var(--text);border-radius:5px}:is(.personal-details,.education,.experience) button{color:var(--text);padding:8.5px 10px;border-radius:5px;background-color:var(--dark-bg);max-width:fit-content;margin:10px auto auto;border:none}.education .edu-item,.experience .exp-item{background-color:var(--light-bg);padding:5px 10px;margin:3px 0;border-radius:var(--radius)}h1,.personal{margin:0;padding:10px;text-align:center;background-color:var(--dark-bg)}.flex{display:flex;justify-content:space-around}.edu h2,.exp h2{margin:25px 0;text-align:center;background-color:var(--main-bg)}.edu,.exp{margin:0 25px}.between{display:flex}.between div:first-child{width:200px;padding-right:30px}.between{padding-top:20px}.edu,.exp{max-width:fit-content;min-width:700px;margin:0 auto}b{font-family:serif;font-style:bold;font-weight:900}.between div p{opacity:.7}.exp{max-width:700px}span{display:block}.exp div:first-child{min-width:150px}.cv{padding-bottom:50px}@media (width < 700px){#root{flex-direction:column}#root>*{align-self:center;max-width:350px}.between,.flex{flex-direction:column}*{min-width:unset!important}.between{padding:15px;gap:15px}.desc{padding-top:15px}}@media (width > 700px) and (width < 900px){#root{flex-direction:column}.cvdata{width:unset!important}}