@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;1,500&family=Roboto:wght@300&display=swap";.preview{width:800px;background-color:#fff;display:flex;flex-direction:column;gap:2rem;padding:1rem;margin:1rem}.preview>*{display:flex;flex-direction:column;gap:2rem}.preview>* .sec-head{text-transform:uppercase;width:100%;font-size:25px;border-bottom:2px solid black}.preview>* .contacts{display:flex;flex-direction:column}.cv-geninfo .name{text-transform:uppercase;text-align:center}.cv-geninfo .contacts{display:flex;flex-direction:"row";flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:20px}.cv-edu .schools{display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem}.cv-edu span{color:#616060;border-bottom:1px solid black;font-size:18px}.cv-skills .skills{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.cv-skills .skill{font-size:20px;font-weight:600}.add-border{border:3px dashed rgb(100,158,216);border-radius:30px;padding:20px}.sections{width:500px;padding:1rem;margin:1rem;border-radius:.5em}.fields{display:flex;flex-direction:column;gap:1rem;background-color:#fff;padding:1rem}.fields label{text-transform:uppercase;color:#649ed8;font-size:20px;font-weight:1000}.fields .input-field{display:flex;flex-direction:column}.fields input,.fields textarea{padding:1rem;font-size:18px;border:0;border-radius:.5rem;background-color:#efefef}.fields input:focus,.fields textarea:focus{border:2px solid rgb(100,158,216);outline:none}.fields .downlaod-sec{text-align:center;text-transform:uppercase;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.fields .skill-input{width:100%}.fields .skill-input span{background-color:#649ed8;color:#fff;padding:5px;font-size:25px;font-weight:1000}.fields .skill-input span:hover{cursor:pointer}.fields .skill-input input{width:90%}.buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;justify-content:flex-end;background-color:#fff;padding:1rem}button{padding:1rem;font-size:18px;background-color:#649ed8;color:#fff;border:1px solid white;border-radius:.5rem}button:hover{cursor:pointer;transform:scale(1.05)}*{margin:0;padding:0}body{background-color:#efefef;font-family:Roboto,sans-serif}.app{width:100%}.content{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2rem}header{padding:1rem;background-color:#649ed8;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;color:#fff;border-bottom:3px solid black}header h1{text-transform:uppercase;font-size:40px}footer{padding:1rem;background-color:#649ed8;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;color:#fff;border-top:3px solid black}footer a{text-decoration:none;color:#ffffffa3}