.body{height:100vh;background-color:#e6e6e6;display:flex;flex-direction:column}.main-content{height:90vh;display:grid;grid-template-columns:1fr 1fr}.userInput,.resumeDisplay{display:flex;justify-content:center;align-items:center}*{margin:0;padding:0}.header{width:100vw;height:10vh;background-color:#aeaeb4;display:flex;justify-content:center;align-items:center}.general,.general form,.education,.education form,.experience,.experience form{display:flex;flex-direction:column}.general,.education,.experience{min-width:500px;min-height:400px;border-radius:15px;background-color:silver;padding:50px}.general h2,.education h2,.experience h2{font-size:40px;margin-bottom:70px;align-self:center}.general form,.education form,.experience form{gap:10px}.general form input,.general form label,.education form input,.education form label,.experience input,.experience label{font-size:20px}.general form input,.education form input{padding:5px}.experience textarea{height:250px;padding:10px;font-size:20px;font-family:inherit;resize:vertical}.navigation-buttons{display:flex;justify-content:space-between}.previous-button,.next-button{height:30px;width:100px}.resumeBody,.personalInfo,.educationInfo,.experienceInfo{display:flex;flex-direction:column}.resumeBody{width:90%;height:800px;border:2px solid black;border-radius:15px;background-color:#fff;align-items:center;gap:10px}.resumeBody p{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.top{width:90%;height:10%;font-size:30px;border-bottom:2px solid black;display:flex;justify-content:center}.personalInfo,.educationInfo,.experienceInfo{width:90%;gap:20px;border-bottom:2px solid black;padding-bottom:20px}
