*{margin:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--primary-color: #0a162c;--secondry-color: #282d40;--tertiary-color: #4a495a;--quarter-color: #83828b;--color: #bcbcbc}.container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;position:relative;padding:2rem;background-color:#efefff}.main-container{padding:2rem;position:relative}.main-container>div{margin:2rem auto}.preview-container{text-align:center;padding:2rem;flex-basis:51%;background-color:#fff;position:sticky;right:10px;top:0;z-index:10;height:100vh;overflow-y:scroll;min-width:580px;max-width:900px}.info{display:flex;gap:1rem;text-align:center;justify-content:space-around;margin:1rem}form{background-color:#fff;padding:1rem}form label{display:block;color:var(--tertiary-color)}form input{width:100%;border:none;outline:none;font-size:1rem;background-color:#ecebeb;padding:5px;border-radius:7px;margin:5px}fieldset{border:none}textarea{resize:none;width:100%}.heading{display:flex;justify-content:space-between;gap:2rem;align-items:center;font-size:.9rem;width:100%;background-color:var(--primary-color);color:#eaeaeae6;word-spacing:1px;letter-spacing:1px;padding:.8rem;border-top-right-radius:10px;border-top-left-radius:10px;transition:ease 1.5s}.heading:hover{background-color:#8d6ab6;transform:scale(1.06)}.download{display:flex;justify-content:space-around;gap:2rem;background-color:var(--primary-color);padding:.8rem;color:#eaeaeae6;border-top-right-radius:10px;border-top-left-radius:10px;word-spacing:1px;letter-spacing:1px;font-size:.9rem;align-items:center;box-shadow:5px 5px 10px #fff}.dates{display:flex;justify-content:space-evenly;align-items:center}.dates input{width:90%}.resume-header{background-color:var(--primary-color);color:#e5e7eb;padding:2rem}.edu,.exp{display:flex;justify-content:space-around;align-items:center;gap:2rem;font-style:oblique;width:100%}.exp{text-align:left}.resume-heading{background-color:var(--tertiary-color);color:#fff;padding:.5rem;margin:1rem auto;font-size:1rem;font-style:oblique}.company{font-weight:700;font-size:1rem}.desc{overflow-wrap:break-word}.btn{display:flex;justify-content:space-between;gap:2rem;margin:1rem}.educations{font-size:1rem;background-color:#fff;margin:2px;text-align:center;padding:1rem}.educations:hover{background-color:#415d95;color:#fff}.edu-btn{display:flex;justify-content:center;margin:1rem}.edu-btn button{padding:1rem}.info p{color:var(--quarter-color);font-size:small;margin:1rem 0}.info p:hover{color:#ffffffcd;text-decoration:underline}.each-education{margin:1rem 0;padding:.5rem;border-bottom:2px solid var(--tertiary-color)}.exp p{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:400px}.start-end{display:flex;gap:.4rem;margin:5px;font-size:.5rem}.start-end p{margin:0 10px;font-size:.5rem}#button{border-radius:5px;background-color:var(--tertiary-color);color:#fff;padding:.6rem;border:rgb(236,235,235) 1px solid}.resume-header img{border:white 1px dotted;background-color:#fff}.left-side{flex-basis:35%}.right-side{flex-basis:55%}@media (max-width: 1080px){.preview-container{flex-basis:100%;min-width:none;max-width:none;margin:0}.main-container{flex-basis:90%;margin:auto}}@media (max-width: 480px){.container{padding:10px}.main-container{padding:0;margin:0}.preview-container{min-width:360px;padding:10px}}