body{
  width: 100vw;
  height: 100%;
   background-image: url("Portfolio-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.p-title{
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
}
.p-up{
  margin: 2rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 3px solid red; */
  width: 90%;
  height: 20%;
}
/* ============================= */

.p-box{
  width: 60%;
  height: auto;
   /*border: 4px solid gold; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px auto;

}
.i{
  width: 32%;
  /*border: 2px solid white;*/

  margin: 1rem 3rem;
}
.blank{
  width: 32%;
  height: 20rem;
  border: 2px solid rgb(199, 199, 199);
  margin: 1rem 3rem;
  color: aliceblue;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: bold;

}

@media (max-width: 1351px){
.blank{
  height: 18rem;
  font-size: 1rem;
}

}
@media (max-width: 1225px){
  .p-up{
    width: 100%;
  }
.blank{
  height: 15rem;
}

}
@media (max-width: 1016px){
  .p-up{
    width: 100%;
  }
.blank{
  width: 35%;

  height: 12rem;
  font-size: 12px;
  margin: 1rem 1rem;


}
.i{
  width: 35%;
  margin: 1rem 1rem;
  
}

}

@media (max-width: 751px){
.p-title{
  font-size: 1.5rem;
}
.blank{
  height: 10rem;
  font-size: 10px;
}


}
@media (max-width: 602px){
  .p-title{
  font-size: 1.3rem;
}
.p-box{
  width: 90%;
}
.blank{
  height: 8rem;
  font-size: 8px;
}
.i{
    width: 40%;
  margin: 1rem .5rem;
}

}