:root{--background: #252422}body{background-color:var(--background)}main{display:grid;grid-template-columns:repeat(2,1fr)}:root{--main: #af2537}.form-input{display:flex;flex-direction:column;align-items:center;margin:20px;gap:20px}.container{background-color:var(--main);width:80%;padding:20px;border-radius:25px;color:#fff;box-sizing:border-box}.container input{margin-bottom:5px}.skills-container{position:relative;list-style:none;padding:0;background-color:#fff;color:#000;width:50%;height:70px;overflow-y:scroll}.skills-container li{display:flex;justify-content:space-between;border:1px solid black;padding:2px}.skills-container button{border:0;background-color:transparent}.edu-container{margin-bottom:20px}:root{--form: #FFFCF2}h1,p{margin:0}h2{margin:10px 0}.resume-body{height:90vh;width:min(calc(90vh * (8.27 / 11.69)),calc(50vw - 60px));background-color:var(--form);margin:20px;padding:50px;box-sizing:border-box}.header{display:flex;flex-direction:column;align-items:center}.contact{display:flex;gap:20px}.line-design{width:98%;height:2px;background-color:#000;margin-top:20px}.skill-list,.experience-list{display:grid;grid-template-columns:repeat(2,1fr)}.exp-container{margin:4% 0}.job-company,.school{font-weight:600}.date{font-weight:500}.education-list{margin:15px 0}@media (max-width: 768px){.resume-body{width:calc(80vw - 60px);height:calc((80vw - 60px) / .707)}}