.page{display:grid;grid-template-columns:450px 2fr;width:100%;height:100vh;background-color:#d3d3d3;overflow:auto}.left-side{margin-left:15px;margin-top:15px}.user-info{display:grid;background-color:#fff;border-radius:10px;border:1px solid black;width:400px;height:400px;padding:10px}.user-info h1{margin-bottom:10px}.user-info input{height:25px}.user-info button{margin-top:10px;height:30px;width:100px}.info-btn{display:flex;justify-content:center}.info-title{display:flex;justify-content:space-between}.info-title span{cursor:pointer;align-self:center;font-size:3em}.user-info.submitted{height:fit-content}.user-info.submitted label,.user-info.submitted input,.user-info.submitted .info-btn{display:none}.education-info{display:grid;background-color:#fff;border-radius:10px;border:1px solid black;width:400px;height:auto;padding:10px;margin-top:20px;gap:10px}.education-info h1{margin-bottom:10px}.education-title{display:flex;justify-content:space-between}.education-title span{align-self:center;font-size:3em;cursor:pointer}.education-info input{height:25px}.education-info button{margin-top:10px;margin-bottom:10px;height:40px;width:100px}.education-btn{display:flex;justify-content:center}.education-box{border:1px solid gray;border-radius:10px;padding:10px}.education-box-title{display:flex;justify-content:space-between}.education-box-btns button:nth-child(1){margin-right:10px}.education-box-btns button{height:30px;width:50px}.experience-info{display:grid;background-color:#fff;border-radius:10px;border:1px solid black;width:400px;height:auto;padding:10px;margin-top:20px;margin-bottom:15px;gap:10px}.experience-info h1{margin-bottom:10px}.experience-info input{height:25px}.experience-info button{margin-top:10px;margin-bottom:10px;height:40px;width:100px}.experience-btn{display:flex;justify-content:center}.experience-title{display:flex;justify-content:space-between}.experience-title span{align-self:center;font-size:3em;cursor:pointer}textarea{resize:none}.experience-box{border:1px solid gray;border-radius:10px;padding:10px}.experience-box-title{display:flex;justify-content:space-between}.experience-box-btns button:nth-child(1){margin-right:10px}.experience-box-btns button{height:30px;width:50px}.experience-text-area p{word-wrap:break-word;width:370px;height:auto}.cv-container{display:flex;justify-content:center;height:100%;margin-right:15px;margin-top:15px}.cv{display:grid;flex-direction:column;grid-template-rows:1fr 8fr;width:1000px;background-color:#fff;margin-bottom:30px}.cv-title{display:flex;align-items:center;flex-direction:column;border-bottom:5px solid gray}.cv-info{margin-top:20px;margin-left:50px}.contact-info{justify-content:flex-end;align-self:center}.contact-info h2{text-decoration:underline}.email{display:flex;gap:10px;padding-right:25px}.email p{align-self:center}.phone{display:flex;gap:10px}.phone p{align-self:center}.education{display:grid}.education h2{display:flex;text-decoration:underline}.school-name{display:flex;gap:10px}.school-name P{align-self:center}.degree-name{display:flex;gap:10px}.degree-name p{align-self:center}.date-format,.start-education{display:flex;gap:10px}.start-education p{align-self:center}.end-education{display:flex;gap:10px}.end-education p{align-self:center}.info-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:50px;padding-bottom:50px;border-bottom:1px solid gray}.experience-container{display:flex;padding-bottom:20px}.experience h2{text-decoration:underline}.job-title{display:flex;gap:10px}.job-title p{align-self:center}.position-name{display:flex;gap:10px}.position-name p{align-self:center}.experience-date-container{display:flex;gap:10px}.start-job-date{display:flex}.start-job-date{align-items:center;gap:10px}.end-job-date{display:flex;gap:10px}.end-job-date p{align-self:center}.text-area-div{width:400px}h1{font-family:sans-serif}h2{font-family:monospace}h3{font-family:Times New Roman,Times,serif}p{font-size:1.2em}:root,body{margin:0;padding:0}