/* purgecss start ignore */

/* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  font-family: "Montserrat", sans-serif;
} */

.body {
  background: #ddd;
  font-size: 14px;
  line-height: 22px;
  color: #555555;
}

.bold {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.semi-bold {
  font-weight: bold;
  font-size: 16px;
}

.semi-bold span {
  font-weight: 500;
}

.description {
  margin-bottom: 5px;
}

.resume {
  width: 80%;
  height: auto;
  display: flex;
  margin: 0 auto;
}

.resume .resume_left {
  width: 30%;
  background: black;
}

.resume .resume_left .resume_profile {
  width: 100%;
  /* height: 280px; */
}

.resume .resume_left .resume_profile img {
  width: 100%;
  height: 100%;
}

.resume .resume_left .resume_content {
  padding: 0 25px;
}

.resume .title {
  margin-bottom: 20px;
}

.resume .resume_left .bold {
  color: #fff;
}

.resume .resume_left .regular {
  color: #b1eaff;
}

.resume .resume_item {
  padding: 25px 0;
  border-bottom: 2px solid #b1eaff;
}

.resume .resume_left .resume_item:last-child,
.resume .resume_right .resume_item:last-child {
  border-bottom: 0px;
}

.resume .resume_left ul li {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  word-break: break-all;
}

.resume .resume_left ul li:last-child {
  margin-bottom: 0;
}

.resume .resume_left ul li .icon {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  background: #fff;
  color: #0bb5f4;
  border-radius: 50%;
  margin-right: 15px;
  font-size: 16px;
  position: relative;
}

.resume .icon i,
.resume .resume_right .resume_hobby ul li i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resume .resume_left ul li .data {
  color: #b1eaff;
}

.resume .resume_left .resume_language_edit,
.resume .resume_right .resume_about_edit,
.resume .resume_right .resume_education_edit,
.resume .resume_right .resume_experience_edit,
.resume .resume_right .resume_certification_edit {
  visibility: hidden;
  cursor: pointer;
}

.resume .resume_left .resume_language .title:hover .resume_language_edit,
.resume .resume_right .resume_about .title:hover .resume_about_edit,

.resume .resume_right .resume_education .title:hover .resume_education_edit,
.resume .resume_right .resume_experience .title:hover .resume_experience_edit,
.resume .resume_right .resume_certification .title:hover .resume_certification_edit {
  visibility: visible;
}

.resume .resume_left .resume_skills ul li,
.resume .resume_left .resume_language ul li {
  display: flex;
  margin-bottom: 10px;
  color: #b1eaff;
  justify-content: space-between;
  align-items: center;
}

.resume .resume_left .resume_skills ul li .skill_name,
.resume .resume_left .resume_language ul li .skill_name {
  width: 35%;
}

.resume .resume_left .resume_skills ul li .skill_progress,
.resume .resume_left .resume_language ul li .skill_progress {
  width: 30%;
  margin: 0 5px;
  height: 5px;
  background: #009fd9;
  position: relative;
}

.resume .resume_left .resume_language ul li .skill_per .delete,
.resume .resume_right .resume_experience ul li .nameTitle .delete
.resume .resume_right .resume_certification ul li .nameTitle .delete
{
  visibility: hidden;
}

.resume .resume_left .resume_language ul li:hover .delete,
.resume .resume_right .resume_experience ul li :hover .delete
.resume .resume_right .resume_certification ul li :hover .delete
 {
  visibility: visible;
}

.resume .resume_left .resume_skills ul li .skill_per,
.resume .resume_left .resume_language ul li .skill_per {
  width: 35%;
}

.resume .resume_left .resume_skills ul li .skill_progress span,
.resume .resume_left .resume_language ul li .skill_progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
}

.resume .resume_left .resume_social .semi-bold {
  color: #fff;
  margin-bottom: 3px;
}

.resume .resume_right {
  width: 70%;
  background: #fff;
  padding: 25px;
}

.resume .resume_right .bold {
  color: #0bb5f4;
}

.resume .resume_right .resume_work ul,
.resume .resume_right .resume_education ul,
.resume .resume_right .resume_experience ul,
.resume .resume_right .resume_certification ul,
.resume .resume_right .resume_project ul {
  padding-left: 40px;
  overflow: hidden;
}

.resume .resume_right ul li {
  position: relative;
  word-break: break-all;
}

.resume .resume_right ul li .date {
  font-size: 16px;
  font-weight: 500;
}

.resume .resume_right ul li .info {
  margin-bottom: 20px;
}

.resume .resume_right ul li:last-child .info {
  margin-bottom: 0;
}

.resume .resume_right .resume_project {
  /* display: table; */
}

.resume .resume_right .resume_work ul li:before,
.resume .resume_right .resume_education ul li:before,
.resume .resume_right .resume_experience ul li:before,
.resume .resume_right .resume_certification ul li:before,
.resume .resume_right .resume_project ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -25px;
  width: 6px;
  background: white;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #0bb5f4;
}

.resume .resume_right .resume_work ul li::after,
.resume .resume_right .resume_education ul li::after,
.resume .resume_right .resume_experience ul li::after,
.resume .resume_right .resume_certification ul li::after,
.resume .resume_right .resume_project ul li::after {
  content: "";
  position: absolute;
  top: 14px;
  left: -21px;
  width: 2px;
  height: 120%;
  background: #0bb5f4;
}

.resume .resume_right ul li .nameTitle {
  display: flex;
  margin-right: 10px;
  justify-content: space-between;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}

.resume .resume_right ul li .nameTitle .date {
  font-weight: bold;
}

.ant-upload.ant-upload-select-picture-card {
  width: 200px!important;
  height: 200px!important;
}

/* purgecss end ignore */
/* purgecss start ignore */

/* purgecss end ignore */
    
/* purgecss start ignore */

.basic2 .header .link{
  color:#fff
}

.basic2 .header .title_name{
  color:#fff
}

.basic2 section{
  margin:10px 0 10px 0
}

.basic2 .header p{
  font-size:.8rem
}

.basic2 .header a{
  color:#fff;
  text-decoration:underline
}

.basic2 .basic2__sidebar{
  color:#fff;
  padding:10px;
  background-color:#084c41
}

.basic2 .basic2__sidebar h4{
  color:#fff
}

.basic2 .skill__items li{
  font-size:.6rem
}

.basic2 .header p{
  font-size:.5rem
}

.basic2 .header__image{
  border-radius:50%;
  overflow:hidden
}

.basic2 .header h3{
  color:#fff;
  font-size:1rem;
  text-align:center;
  position:relative;
  margin-bottom:20px;
  margin-top:10px
}

.basic2 .header h3::after{
  content:"";
  border:1px solid rgba(255,255,255,.5);
  position:absolute;
  width:50%;
  bottom:-0.5rem;
  left:50%;
  transform:translate(-50%, -50%)
}

.basic2 .summary{
  padding:10px
}

.basic2 .summary p{
  text-align:justify;
  font-size:.6rem
}

.basic2 .project__dot{
  position:relative
}

.basic2 .project__dot::before{
  content:"";
  height:95%;
  width:1px;
  background-color:#000;
  position:absolute;
  left:-2px;
  top:10px
}

.basic2 .project__dot::after{
  content:"";
  width:.5rem;
  height:.5rem;
  background-color:#000;
  position:absolute;
  border-radius:50%;
  top:5px;
  left:-6px
}

.basic2 .project.project__list-btn{
  margin-bottom:10px
}

.basic2 .project__item{
  padding:5px
}

.basic2 .project{
  padding:10px
}

.basic2 .project_skillOnProject{
  font-size:.6rem;
  font-weight:700
}

.basic2 .project__item h4{
  font-size:.8rem
}

.basic2 .project__item-moTa{
  font-size:.6rem
}

.basic2 .project__list-btn{
  padding-bottom:10px
}

.basic2 .project__btn-deploy a:hover{
  background:#647b71
}

.basic2 .project__btn-youtube a:hover{
  background:#647b71
}

.basic2 .project__btn-git a:hover{
  background:#647b71
}

.basic2 .project__btn a{
  background:#084c41;
  border-radius:5px;
  padding:3px 5px;
  font-size:.6rem;
  color:#fff;
  transition:all .5s
}

.basic2 .experience{
  padding:10px
}

.basic2 .experience .item h5{
  font-size:.6rem
}

.basic2 .experience .item h6{
  font-size:.6rem
}

.basic2 .experience__item-moTa{
  font-size:.5rem
}

.basic2 .education{
  padding:10px
}

.basic2 .education .item h5{
  font-size:.6rem
}

.basic2 .education .item h6{
  font-size:.5rem
}

.basic2 .education__item-moTa{
  font-size:.5rem
}

.basic2 .certification{
  padding:10px
}

.basic2 .certification .item h5{
  font-size:.6rem
}

.basic2 .certification .item h6{
  font-size:.5rem
}

/* purgecss end ignore */
/* purgecss start ignore */

.basic1 .title{
  font-size:.8rem
}

.basic1 .sub-title{
  font-size:.7rem
}

.basic1 .wrapper{
  padding:5px
}

.basic1 .content{
  font-size:.6rem
}

.basic1 .header__image{
  border-radius:50%;
  overflow:hidden
}

.basic1 .header__info.wapper{
  padding:5px
}

.basic1 .header__info h3{
  font-size:.7rem
}

.basic1 .header__info h4{
  font-size:.7rem
}

.basic1 .header__info p{
  font-size:.7rem
}

.basic1 .header__info a{
  color:#13ab67;
  text-decoration:underline;
  transition:all .5s
}

.basic1 .header__info a:hover{
  color:#647b71;
  text-decoration:none
}

.basic1 .header__summary{
  font-size:.7rem;
  padding:5px
}

.basic1 .header__summary h3{
  font-size:.8rem
}

.basic1 .header__summary p{
  text-align:justify
}

.basic1 .row.skills h3{
  font-size:.8rem
}

.basic1 .skill__sub-title{
  font-size:.7rem
}

.basic1 .row.skills .row{
  padding:5px
}

.basic1 .skills .skill__items li{
  font-size:.7rem
}

.basic1 .project__list-btn{
  padding-bottom:10px
}

.basic1 .project__btn-deploy a:hover{
  background:#647b71
}

.basic1 .project__btn-youtube a:hover{
  background:#647b71
}

.basic1 .project__btn-git a:hover{
  background:#647b71
}

.basic1 .project__btn{
  text-align:center
}

.basic1 .project__btn a{
  background:#13ab67;
  border-radius:5px;
  padding:3px 5px;
  font-size:.6rem;
  color:#fff;
  transition:all .5s
}

.basic1 .project__item p{
  font-size:.6rem
}

/* purgecss end ignore */
/* purgecss start ignore */

.default .wrapper{
  padding:5px
}

.default .title{
  font-size:.8rem;
  color:#2e406f
}

.default .sub-title{
  font-size:.7rem
}

.default .content{
  font-size:.6rem
}

.default .header__summary{
  padding-left:10px
}

.default .header__summary a{
  text-decoration:underline;
  color:#fff
}

.default .project__listButton span{
  font-size:.6rem
}

.default .project__listButton a{
  color:#2e406f;
  transition:all .5s
}

.default .project__listButton a:hover{
  color:#eb2f96
}

/* purgecss end ignore */
/* purgecss start ignore */

.lesson h2{
  padding:2rem .5rem;
  margin:0
}

.lesson .lesson-content{
  padding:.5rem
}

.lesson .lesson-content h5{
  margin:1rem 0;
  text-transform:uppercase
}

.lesson .lesson-content .lesson-list .list-header{
  padding:1rem;
  background:#7e819a;
  color:#fff
}

.lesson .lesson-content .lesson-list .list-content{
  background:#f9f9f9
}

.lesson .lesson-content .lesson-list .list-content a{
  color:#333;
  padding:1rem;
  display:flex;
  align-items:center
}

.lesson .lesson-content .lesson-list .list-content a:hover{
  cursor:pointer;
  background:#f0f0f0;
  color:#000
}

.lesson .lesson-content .lesson-list .list-content a i{
  margin-right:1rem
}

.lesson .document{
  padding:1rem;
  background:#f2f2f2;
  color:#000;
  border:1px solid;
  overflow:hidden
}

.lesson .document b{
  display:flex;
  align-items:center;
  font-weight:400
}

.lesson .document b i{
  margin-right:.5rem;
  font-size:1.2rem
}

.lesson .document a{
  display:flex;
  margin-top:1rem;
  justify-content:flex-end
}

.lesson .document a i{
  font-size:1.2rem
}

/* purgecss end ignore */

/*# sourceMappingURL=main~5a11b65b.490cf046.chunk.css.map*/