style.css

  
  body {
    background-color: #e2e2e2;
  }
  
  #cv-form {
    width: 93%;
    margin: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  
  #cv-form h2 {
    text-align: center;
    margin-bottom: 20px;
  }
  
  #cv-form label {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  #cv-form input,
  #cv-form textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
  
  #cv-form textarea {
    resize: none;
  }
  
  #cv-form button {
    background-color: #2c3e50;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 20px;
  }
  
  #cv-form button:hover {
    background-color: #34495e;
  }
  
  #cv-template {
    width: 80%;
    margin: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display:none;
  }
  
  #cv-template h1,
  #cv-template h2 {
    text-align: center;
    margin-bottom: 20px;
  }
  
  #cv-template h3 {
    margin-bottom: 10px;
  }
  
  #cv-template p {
    margin-bottom: 20px;
  }
  
  #cv-template ul {
    margin-bottom: 20px;
  }
  
  #cv-template li {
    margin-bottom: 5px;
  }
  
  #cv-template img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    max-width: 100%;
    border-radius: 5px;
  }
  
  .myimg {
    border-radius: 50%;
    width: 200px;
  }
  
  .background {
    background-color: rgba(28, 71, 63, 0.088);
  }