@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Tinos:wght@400&display=swap";:root{--main-bg-color: #f3f4f6;--resume-accent: #0e374e;--resume-section-bg-color: rgba(14,55,78,.07);--h1-font-size: 38px;--h2-font-size: 24px}*{box-sizing:border-box}body{margin:0;height:100vh;background-color:var(--main-bg-color)}#root{display:flex;justify-content:center}.app{width:1500px;max-width:1500px;display:flex;justify-content:space-between;margin-top:50px}.resume-container{display:flex;flex-direction:column;align-items:center;max-height:1050px;width:800px;background-color:#fff;box-shadow:0 4px 6px #0000001a;animation:fadeIn 1s;position:sticky;top:50px}.resume-header{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--resume-accent);width:100%;padding:20px;gap:20px}.resume-header h1{margin:0;font-size:var(--h1-font-size);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.resume-contact-info{display:flex;gap:20px}.contact{display:flex;align-items:center;gap:5px;color:#fff}.contact img{width:25px;height:auto}.contact img:hover{transform:scale(1.1);transition:transform .3s}.resume-content{width:75%;padding:20px;display:flex;flex-direction:column}.resume-content h2{text-align:center;margin:0;padding:10px;background-color:var(--resume-section-bg-color);color:var(--resume-accent);font-size:var(--h2-font-size);text-transform:uppercase;letter-spacing:1px}.education-entry,.experience-entry{display:flex;gap:50px;padding:10px;margin-top:15px;margin-bottom:15px;border:1px solid #f0f0f0;background-color:#fafafa;border-radius:10px}.education-entry-schoolName,.experience-entry-companyName{font-weight:700}.top{flex-direction:column}.left{flex-direction:row}.left,.right{align-items:stretch}.left .resume-header,.right .resume-header{width:40%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px}.left .resume-header h1,.right .resume-header h1{text-align:center}.left .resume-content,.right .resume-content{width:60%;box-sizing:border-box;padding:20px}.right{flex-direction:row-reverse}.right .resume-content{align-self:flex-start}.left .resume-contact-info,.right .resume-contact-info{flex-direction:column;gap:20px;align-items:center}.left .resume-contact-info,.right .resume-contact-info{flex-direction:column;gap:5px}.left .contact,.right .contact{flex-direction:row;align-items:center}.form-container{width:450px;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 4px 6px #0000001a;border:1px solid transparent;border-radius:12px;padding:20px;margin-bottom:50px}.input-group{display:flex;flex-direction:column;gap:5px}input,textarea{border:2px solid transparent;background-color:var(--main-bg-color);padding:10px;border-radius:12px;transition:border .25s,box-shadow .25s;margin-bottom:15px}input:focus,textarea:focus{border-color:#3b83f6;box-shadow:0 3px 15px #3b83f633;outline:none}.add-education-entry,.add-experience-entry{width:100%;height:50px;background-color:#fff;margin:18px 0;padding:3px;border:4px solid #eef0f4;border-radius:18px;cursor:pointer}.add-education-entry:hover,.add-experience-entry:hover{border-color:var(--resume-accent)}.layout-choices,.font-choices{display:flex;justify-content:space-around}.layout-choices button,.font-choices button{background-color:#fff;border:none;padding:8px;cursor:pointer}.layout-choices button:hover,.font-choices button:hover{background-color:var(--resume-accent);color:#fff}.add-education-entry,.add-experience-entry,.layout-choices button,.font-choices button{transition:background-color .3s,border-color .3s}.font-choices button:nth-child(3){display:flex;flex-direction:column;align-items:center}.choice{border:1px solid gray;border-radius:8px;width:60px;height:60px}.roboto-choice,.nunito-choice,.tinos-choice{display:flex;justify-content:center;align-items:center;background-color:var(--resume-accent);color:#fff;font-size:24px}.roboto-choice{font-family:Roboto,sans-serif}.nunito-choice{font-family:Nunito,sans-serif}.tinos-choice{font-family:Tinos,serif}.font-roboto{font-family:Roboto,sans-serif}.font-nunito{font-family:Nunito,sans-serif}.font-tinos{font-family:Tinos,serif;letter-spacing:1px}.top-choice{background:linear-gradient(180deg,var(--resume-accent) 50%,#fff 50%)}.left-choice{background:linear-gradient(90deg,var(--resume-accent) 50%,#fff 50%)}.right-choice{background:linear-gradient(90deg,#fff 50%,var(--resume-accent) 50%)}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;border-radius:12px;width:300px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.modal-header{position:relative;background-color:var(--resume-accent);padding:20px;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;box-sizing:border-box}.close-btn{position:absolute;top:8px;right:10px;color:#fff;font-size:24px;cursor:pointer}.close-btn:hover{color:#ffa;transform:scale(1.2);transition:color .3s,transform .3s}.modal-body{padding:20px}.modal-body p{margin:0 0 20px;font-size:18px;color:var(--resume-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}