@import url('https://fonts.googleapis.com/css2?family=Playwrite+CU:wght@100..400&display=swap');


.mybg{
    background: url(../img/tempbg3.jpg) ;
    background-position-x: center;

}
.mybg1{
    background: url(../img/tempbg1.webp);

}
.mycolor{
    background-color:#C8E9D5;
}
.mybgtwo{
    background-color: #384C41;
}
.footerbg{
    background-color: #fcdad8;
}
.bgeleven{
    background: #E8E8E8;
}

.bgeleven .tempheader{
    font-family: "Playwrite CU", cursive;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg-green{
    background-color: rgb(74, 99, 77) !important;
}
.text-green{
    color: rgb(74, 99, 77) !important;
}
.border-green{
    border-top: #4a634d solid 5px !important;
    border-bottom: #4a634d solid 5px !important;
}

.bg-grey{
    background-color: #AFCBD2 !important;
}
.text-grey{
    color: #AFCBD2 !important;
}

.text-purple{
    color: hwb(326 18% 67%) !important;
}

.border-purple{
    border: #6E2751 5px solid;
}

.bg-purple{
    background: #6E2751;
}

 .bg-soft-purple {
    background-color:#DBDBF9;
    color: hwb(326 18% 67%) !important;
}

.leaves{
    background: url(../img/green-spring-leaves-white-background-14703854.webp) ;
    background-size: cover;
    background-repeat: no-repeat;
   color: rgb(74, 99, 77) !important;
}


.bg-violet{
    background-color: #54438D !important;
}
.bg-soft-violet{
    background-color: #DBDBF9 !important;
}


.resumehead{
    background: url(/assets/img/images12.jpeg)
}
.bg-cream{
    background-color: #FFFAF9;
}

.text-darkpink{
    color: #991151 !important;
}

.bgcomp{
    background-image: url(/assets/img/tempbgone.webp);
    background-position-x: center;
}

.bg-coffee{
    background: #D6C8BC;
}
.bg-brown{
    background-color: #9E4636;
}
.bg-red{
    background-color: #CC6161;
}
.text-red{
    color: #CC6161;
}
.border-red{
    border-bottom: #CC6161 solid 3px;
}



.border-blue{
    /* border-top: solid 20px skyblue;
    border-bottom: solid 20px skyblue; */
    border-left: solid 20px palevioletred;
    border-right: solid 20px palevioletred;
}

.tempcontent{
    font-size:medium;
}

.tempoutline{
    outline: solid 1px black;
}
.borderyellow{
    border-left: 20px solid skyblue;
}

.tempone{
    margin: 0;
    padding: 0;
}

/* @media print {
    .page-break-before {
        page-break-before: always;
    }

    .page-break-after {
        page-break-after: always;
    }

    .page-break-inside {
        page-break-inside: avoid;
    }

    body {
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .resume-section {
        page-break-inside: avoid;
    }
  } */


  /* @media print {


    .page-break-before {
        page-break-before: always;
    }

    .page-break-after {
        page-break-after: always !important;
    }

    .page-break-inside {
        page-break-inside: avoid;
    }

    body {
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .resume-section {
        page-break-inside: avoid;
    }
  } */


  /* @media print {
    body {
      visibility: hidden;
    }
    #pdf {
      visibility: visible;
      position:absolute;
      left: 0;
      top: 0;
      margin: 0;

    }
    .resume-section {
        page-break-inside: avoid;
    }
    .page-break-before {
        page-break-before: always;
    }

    .page-break-after {
        page-break-after: always;
    }

    .page-break-inside {
        page-break-inside: avoid;
    }

    @page{
        margin: 0;

    }

  } */




/* @media print{
  html,body {
    visibility: hidden ;
  }


 body #pdf {
    visibility: visible !important;
    display: block !important;
    position: absolute !important;
    padding: 0px;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    orphans: 0!important;
    widows: 0!important;
    overflow: visible !important;
}
@page{
    border-right: #6E2751 20px solid;
    size: A4;
    margin: 0mm ;
    orphans: 0!important;
    widows: 0!important;
}

} */


/*
  @media print {
    @page {
        size: A4;
        margin: 0;

    }

    body {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .a4-container {
        width: 210mm;
        height: 297mm;
        padding: 20mm;
        margin: auto;
        box-shadow: none;
        background: white;
        page-break-before: always;
    }
} */

/* .a4-container {
    width: 210mm;
    height: 297mm;
    padding: 20mm;
    margin: auto;
    box-shadow: none;
    background: white;
    page-break-after: always;
} */



  @media only screen and (min-width : 320px) {
    .tempone{
        width: 800px;
    }
    .tempone .navbar{
        width: 800px;
    }

}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .tempone{
        width: 900px;
    }
    .tempone .navbar{
        width: 900px;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .tempone{
        width: auto;
    }
    .tempone .navbar{
        width: auto;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .tempone{
        width: auto;
    }
    .tempone .navbar{
        width: auto;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .tempone{
        width: auto;
    }
    .tempone .navbar{
        width: auto;
    }
}