*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;overflow-x:hidden;font-family:Tahoma,sans-serif}#container{display:flex;width:100vw;overflow-x:hidden;margin-bottom:50px}.input-side{background-color:#fefefe;height:100vh;width:40vw;display:flex;flex-direction:column;align-items:center;padding:10px}@media only screen and (max-width: 700px){.input-div{font-size:.8rem;width:90%}.input-heading{font-size:.5rem}}.input-div{background-color:#cfcfcf;display:flex;flex-direction:column;align-items:center;width:80%;padding:0;margin-bottom:20px;margin-top:20px;border-radius:10px}.input-div input,.input-div textarea{border-radius:5px}.input-content textarea{height:50px;padding:12px 20px}.input-content{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.input-content input,.input-content textarea{width:55%;padding:3px}.input-content label{width:30%;margin-right:10px;text-align:end}.input-icon{font-size:1.6rem;color:#00f;margin-right:15px}.input-heading{display:flex;background-color:#b8b8b8;width:100%;padding:10px;justify-content:center}.display-btn{font-size:1.6rem;margin-left:auto;cursor:pointer}.display-btn:hover{color:#646464;transition:.2s}.add-section{width:35px;height:30px;margin:0 10px 10px auto;border-radius:5px;color:#000;font-size:1.2rem;cursor:pointer}.add-section:hover{font-weight:700;transition:.2s}.custom-file-btn{font-weight:700;border:2px solid black;border-radius:15x;background-color:#00f;color:#fefefe;cursor:pointer;padding:2px;font-size:.9rem}.work-delete-btn{cursor:pointer;align-self:center;margin-right:30px;margin-left:auto}.work-delete-btn:hover{color:#292929;transition:.2s;font-size:1.1rem}.work-content{margin-top:15px}.education-div{display:flex;flex-direction:column;justify-content:start;gap:15px;margin-bottom:15px}.education-delete-btn{cursor:pointer;align-self:center;margin-right:30px;margin-left:auto}.education-delete-btn:hover{color:#292929;transition:.2s;font-size:1.1rem}.skill-div{display:flex;justify-content:space-between;align-items:center;width:80%}.skill-delete-btn{margin:0 0 0 10px;cursor:pointer}.skill-delete-btn:hover{color:#292929;transition:.2s;font-size:1.1rem}.display-cv{background-color:#fefefe;height:100vh;width:60vw;margin-top:140px;display:flex;align-items:center}#cv-body{background-color:#a4c4ff;height:95%;min-height:fit-content;width:90%;padding-bottom:10px}#cv-header{background-color:#4f4ffa;height:140px;display:flex;justify-content:flex-start;align-items:center;color:#fefefe;margin-bottom:10px}#user-img{height:85%;width:180px;object-fit:cover;margin-left:20px;border-radius:10px}#username{margin-left:auto;margin-right:auto;font-size:2rem;font-weight:700;font-family:Verdana}.cv-content{display:grid;grid-template-columns:1fr 2fr;gap:1rem;grid-template-areas:"about-me   work      work" "skills     education education";height:100%;width:100%}#about-me{grid-area:about-me;background-color:#cedfff;padding:8px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-left:10px}#about-me h4{margin-top:15px}#about-me-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:85%}#about-me-content p{width:83%}#work-exp{grid-area:work;background-color:#cedfff;display:flex;flex-direction:column;align-items:center;padding:8px;margin-right:10px}#work-exp h3{margin-top:15px}#work-exp h5{margin-top:15px;margin-bottom:5px;font-size:1.1rem}#work-exp p{margin-bottom:10px}#skills-section{grid-area:skills;background-color:#cedfff;display:flex;flex-direction:column;align-items:center;padding:8px;margin-left:10px}#skills-section h3{margin-top:15px}.dot-point{font-size:.6rem;margin-left:0;margin-right:10px}.skill-entry h5{font-size:1.1rem;margin-top:10px}#education-section{grid-area:education;background-color:#cedfff;display:flex;flex-direction:column;align-items:center;padding:8px;margin-right:10px}#education-section h3{margin-top:15px}