body {
    font-family: Montserrat;
    margin:0;
}
/*@media (max-width: 1100px) {
  
}*/
#download-cv{
    display:none;
}
@media (min-width: 1300px) {
  html {
      font-size: 16px;
    }
    
  header {
    background-size: cover;
    background-image: url('../img/Rectangle.png');
  }
  /*.background-blur {
    position: absolute;
    width: 97%;
    height: 563px;
    object-fit: cover;
    filter: blur(8px);
    transform: scale(1.05); 
    z-index: -1;
  }*/
  #header-left-div {
    margin-left: 20%;

  }
  .contact-info {
    display: flex;
    flex-wrap:wrap;
    color: white;
    font-size: 1.5rem;
  }

  .phone-number {
    margin-right: 10%;
  }
  #who-i-am {
    margin-top: 20%;
    color: white;
  }
  #hello {
    font-size:2.5rem;
  }
  #i-am-kabir {
    margin-top: 5%;
    font-size: 5rem;
    position:relative;
    z-index:1;
  }
  #header-container{
    display: flex;
    flex-wrap:wrap;
  }
  #download-cv {
    padding: 5px;
    background-color: white;
    width:246px;
    color: black;
    text-align: center;
    border-radius: 10px;
    padding-top:25px;
    padding-bottom: 25px;
    margin-top: 10%;
    font-size:2rem;
  }
  #about-me {
    display:flex;
    flex-direction: column;
    align-items: center;
    font-size: 2rem;
  }
  #myskills-content{
    background-image: url('../img/Rectangle3.png');
    width:100%;
    background-size:cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
  }
  #myskills h2 {
    text-decoration: underline;
    justify-self: center;
    color: white;
  }
  h2{
    font-size: 2.5rem;
  }
  h3 {
    font-size: 2rem;
  }
  .skills-content{
    margin-left: 20%;
    color: white;
  }
  .skills-values {
    display: flex;
    flex-wrap:wrap;
  }
  .values-item{
    background-color: #D9D9D9;
    color:black;
    padding: 5px;
    margin-right: 10px;
    margin-bottom:5px;
    font-size: 2rem;
  }
  a{
    text-decoration: none;
    color: white;
  }
  #myskills {
      text-align:center;
  }
  #profile-photo-img {
        width:500px;
        margin-left:-120px;
        position:relative;
      }

  #projects-and-experience-content {
    display: flex;
    flex-direction: column;
  }
  #projects-and-experience {
    display: flex;
    justify-content: center;
  }
  #projects-list {
    display: flex;
    margin-left: 20%;
    flex-wrap: wrap;
  }
  .projects-item{
    border-radius: 30px;
    color: white;
    width: 30vw;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    padding-left: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .projects-item div {
    font-size:1rem;
  }
  .projects-item p {
    font-size:1.5rem;
  }
  #project-item-1 {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
  }
  #project-item-2 {
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
  }
  #project-item-1:hover{
  background: linear-gradient(135deg, #6db8ef, #256ca3);
  cursor: pointer;
  }
  #project-item-2:hover{
  background: linear-gradient(135deg, #e85d3c, #f9a348);
  cursor: pointer;
  }
  #education-and-certificates-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #education-and-certificates {
    display: flex;
    justify-content: center;
  }
  .education-item{
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  #education-list{
      margin-bottom:30px;
  }
  #reviews-content {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    padding-bottom: 50px;
  }
  #reviews {
    display: flex;
    justify-content: center;
    color: white;
  }
  #reviews-list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #review-items {
    margin-left:15px;
    margin-right:15px;
    /*background:linear-gradient(135deg, #00c6ff, #0072ff);*/
    color: white;
    padding: 5px;
    border-radius:30px;
  }
  #left-arrow {
    background-image: url('../img/LeftArrow.png');
    background-size: cover;
    width: 53px;
    height: 53px;
  }
  #right-arrow {
    background-image: url('../img/RighArrow.png');
    background-size: cover;
    width: 53px;
    height: 53px;
  }
  .review-item {
    width:408px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .review-item-text{
    font-size:1.5rem;
    margin-top: 50px;
  }
}
@media (max-width: 1300px) {
    
  header {
    background-size: cover;
    background-image: url('../img/background-mobile.png');
  }
  #header-container{
      display:flex;
      flex-direction:column;
      flex-wrap:wrap;
      overflow:hidden;
  }
    #header-left-div {
  margin-left: 5%;
  margin-right: 5%;
      display: flex;
      flex-direction: column;
    }
    .contact-info {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size:44px;
    }
    .skills-content{
      color: white;
    }
    #profile-photo-img {
      width:800px;
      margin-left:10%;
      margin-top:-200px;
    }
    #projects-list {
    }
    .phone-number {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    #who-i-am{
      display: flex;
      flex-direction: column;
      margin-top: 150px;
      color:white;
    }
    #hello {
      font-size: 74px;
    }
    #i-am-kabir {
      font-size: 100px;
    }
    #about-me {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    #about-me p {
        font-size:50px;
    }
    #myskills-content {
        background-image:url('../img/background-mobile2.png');
        background-size:cover;
        display:flex;
        flex-direction:column;
        color:white;
    }
    #myskills {
        text-align:center;
    }
    .skills-content{
        margin-left:5%;
    }
    
  .skills-values {
    display: flex;
    flex-wrap:wrap;
  }
  .values-item{
    background-color: #D9D9D9;
    color:black;
    padding: 5px;
    margin-right: 20px;
    margin-bottom:5px;
    font-size: 3rem;
  }
  #projects-and-experience-content {
      display:flex;
      flex-direction:column;
  }
  #projects-and-experience {
      text-align:center;
  }
  #projects-list {
      display:flex;
      flex-direction:column;
      margin-left:5%;
      margin-right:5%;
      margin-top:20px;
  }
  .projects-item{
      padding:80px;
      margin-bottom:10px;border-radius: 30px;
  }
  .project-item-name {
      font-size:43px;
  }
  .project-item-description{
      font-size:55px;
  }
  #project-item-1 {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
  }
  #project-item-2 {
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
  }
  #project-item-1:hover{
  background: linear-gradient(135deg, #6db8ef, #256ca3);
  cursor: pointer;
  }
  #project-item-2:hover{
  background: linear-gradient(135deg, #e85d3c, #f9a348);
  cursor: pointer;
  }
  #education-and-certificates{
      text-align:center;
  }
  #education-list{
      margin-left:5%;
      margin-bottom:30px;
  }
  .education-item {
      
        font-size:50px;
  }
  #reviews-content {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    padding-bottom: 50px;
    color:white;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  #reviews {
      text-align:center;
  }
  #reviews-list{
      display:flex;
      align-items:center;
      margin-top:50px;
  }
  .review-item-author{
      text-align:center;
  }
  .review-item-text{
      max-width:700px;
      font-size:50px;
  }
  .review-item-stars{
      text-align:center;
  }
  .review-item-author{
      font-size:43px;
  }
  #review-items {
      display:flex;
      flex-direction:column;
      align-items:center;
  }
  #left-arrow {
    background-image: url('../img/LeftArrow.png');
    background-size: cover;
    width: 103px;
    height: 103px;
  }
  #right-arrow {
    background-image: url('../img/RighArrow.png');
    background-size: cover;
    width: 103px;
    height: 103px;
  }
    h3 {
        font-size:54px;   
    }
    h2 {
        font-size:74px;   
        margin-bottom:0px;
    }

    
  a{
    text-decoration: none;
    color: white;
  }
}