@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Libre Baskerville,Times New Roman,Times,serif}body{min-width:100vw;min-height:100vh;background:linear-gradient(to bottom right,#cdfef3,#9c88dd,#6875ca);color:#0f0b36;overflow-x:hidden}html{font-size:1rem}#root{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;position:relative}header,main,footer{min-width:100vw;padding:20px;display:flex}header,footer{height:100px}header{align-items:center;justify-content:center;text-align:center;position:fixed;top:0;z-index:99999;box-shadow:0 3px 10px #000c;background:linear-gradient(to top right,#cdfef3,#9c88dd,#6875ca)}#logo-container{display:flex;font-size:1.1rem;align-items:center;justify-content:center;text-align:center}#logo-container img{width:3rem}main{flex:1;gap:10px;justify-content:center;align-items:flex-start;height:100vh;z-index:2;padding:130px 20px}.details-container{display:flex;flex-direction:column;max-width:400px;width:35%;gap:10px;padding:10px}label,input{display:block}label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.section-heading-container{box-shadow:0 0 10px #0009;padding:10px;border-radius:10px;display:flex;align-items:center}.section-heading-container h3{margin-right:auto;margin-left:5px}form{display:none;flex-direction:column;min-width:100%;max-width:400px;border-bottom:2px solid #0f0b36;border-radius:10px;padding:15px}input,textarea{margin:10px 0;padding:5px 10px;min-width:100%;border:none;font-size:.9rem;font-weight:510;color:#0f0b36;border-bottom:1px solid #6875ca;background-color:transparent}input:focus,textarea:focus{outline:1.5px solid #0f0b36;border:none;border-radius:10px}textarea{height:100px;resize:none}.save-education-btn,.update-details-btn,.update-experience-btn,.download-cv-btn{align-self:center;width:40%;padding:5px 10px;background-color:#85d363;border:none;outline:none;border-radius:10px;font-size:1rem;font-weight:400;color:#cbfef3;cursor:pointer;box-shadow:0 0 10px #0009;transition:transform .5s ease-in-out,opacity .5s ease-in-out,box-shadow .5s ease-in-out}.download-cv-btn:hover,.save-education-btn:hover,.update-details-btn:hover,.update-experience-btn:hover{transform:scale(.99);opacity:.9;box-shadow:none}.download-cv-btn{width:10%;align-self:flex-start}.cv-display{display:flex;flex-direction:column;width:50%;max-width:800px;box-shadow:0 0 5px #000c;padding:0 20px 20px;background-color:#fff;min-height:650px}.cv-display section{min-width:100%}.cv-display section h3,h2{margin-bottom:10px;text-align:center}.cv-display section h3{margin-top:10px}.cv-display section p,.personal-details-icons,span{font-size:.9rem;line-height:1.6}.educational-experience h3{align-self:center}.personal-details,.educational-experience,.practical-experience{display:flex;flex-direction:column}.personal-details div{display:flex;align-items:center;gap:5px}section hr{width:70%;height:4px;background-color:#0f0b36;margin-bottom:15px;align-self:center}.qualification-container,.practical-experience-container{margin-bottom:15px}.divider{display:flex;justify-content:space-between;gap:15px}.section-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:50%;overflow-wrap:break-word;overflow:hidden}.duties-description{min-width:100%;margin-top:6.5px}.experiences-list,.qualifications-list{display:flex;flex-direction:column;padding:0 20px;margin-top:10px}.experiences-list h5,.qualifications-list h5{display:flex;align-items:center;justify-content:space-between}.icon{font-size:1.3rem;cursor:pointer}.icon:hover{opacity:.8;scale:.98}.delete-icon{color:tomato}.display-form-icon{font-size:2rem;color:#1a4e03}footer{font-size:1rem;font-weight:540;flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:5px;position:fixed;bottom:0;z-index:999999;box-shadow:0 3px 10px #000c;background:linear-gradient(to top left,#9c88dd,#6875ca)}footer .contact-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:10px}.contact-icons img{width:2.4rem;box-shadow:0 0 15px #000c;padding:3px;border-radius:5px;transition:opacity .5s ease-in-out,box-shadow .5s ease-in-out,transform .5s ease-in-out}.contact-icons img:hover{opacity:.7;box-shadow:none;transform:scale(.98);transform:rotate(90deg)}.active{display:flex}@media screen and (max-width: 1000px){main{flex-direction:column}.cv-display{min-width:100%}.details-container{min-width:80%;align-self:center}.details-container input{min-width:100%}.download-cv-btn{width:50%;align-self:center}}@media screen and (max-width: 650px){.cv-display section{min-width:100%}.details-container{min-width:100%}.divider{align-items:flex-start;flex-direction:column}.section-details{width:100%}.download-cv-btn{width:80%}}@media screen and (max-width: 320px){.personal-details-icons{display:none}}