.bg-p {background-color: #d1e4f2;

}
.bg-pp {background-color: #bc3619;

}
.bg-t {background-color: #4249b3;

}
.bg-w {background-color: #124cb0;

}
.bg-e {background-color: #0d703a;
}

h1 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

p {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    text-align: justify;
}

.ph:hover {
    background-color: #d1e4f2;
}
.pph:hover {
    background-color: #bc3619;
    color: rgb(255, 255, 255);
}
.th:hover {
    background-color: #4249b3;
}
.wh:hover {
    background-color:  #124cb0;
}
.eh:hover {
    background-color: #0d703a;
}

a {
    text-decoration: none;
    color: rgb(63, 63, 63)
}

.btn{
    display: inline-block;
    padding: 0.9rem 1.8rem;
    font-size: 16px;
    font-weight: 700;
    color: rgb(5, 5, 5);
    border: 3px solid #d1e4f2;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    font-family: inherit;
    border-radius: 10px;
   }
   
   .btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d1e4f2;
    transform: translateX(-100%);
    transition: all .2s;
    z-index: -1;
   }
   
   .btn:hover::before {
    transform: translateX(0);
   }
   
.btnpp{
    display: inline-block;
    padding: 0.9rem 1.8rem;
    font-size: 16px;
    font-weight: 700;
    color: rgb(5, 5, 5);
    border: 3px solid #bc3619;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    font-family: inherit;
    border-radius: 10px;
   }
   
   .btnpp:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #bc3619;
    transform: translateX(-100%);
    transition: all .2s;
    z-index: -1;
   }
   
   .btnpp:hover::before {
    transform: translateX(0);
   }

.btnt{
    display: inline-block;
    padding: 0.9rem 1.8rem;
    font-size: 16px;
    font-weight: 700;
    color: rgb(5, 5, 5);
    border: 3px solid #4249b3;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    font-family: inherit;
    border-radius: 10px;
   }
   
   .btnt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #4249b3;
    transform: translateX(-100%);
    transition: all .2s;
    z-index: -1;
   }
   
   .btnt:hover::before {
    transform: translateX(0);
   }

.btnw{
    display: inline-block;
    padding: 0.9rem 1.8rem;
    font-size: 16px;
    font-weight: 700;
    color: rgb(5, 5, 5);
    border: 3px solid #124cb0;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    font-family: inherit;
    border-radius: 10px;
   }
   
   .btnw:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #124cb0;
    transform: translateX(-100%);
    transition: all .2s;
    z-index: -1;
   }
   
   .btnw:hover::before {
    transform: translateX(0);
   }

   .btnt{
    display: inline-block;
    padding: 0.9rem 1.8rem;
    font-size: 16px;
    font-weight: 700;
    color: rgb(5, 5, 5);
    border: 3px solid #4249b3;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    font-family: inherit;
    border-radius: 10px;
   }
   
   .btnt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #4249b3;
    transform: translateX(-100%);
    transition: all .2s;
    z-index: -1;
   }
   
   .btnt:hover::before {
    transform: translateX(0);
   }

.btne{
    display: inline-block;
    padding: 0.9rem 1.8rem;
    font-size: 16px;
    font-weight: 700;
    color: rgb(5, 5, 5);
    border: 3px solid #0d703a;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    font-family: inherit;
    border-radius: 10px;
   }
   
   .btne:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0d703a;
    transform: translateX(-100%);
    transition: all .2s;
    z-index: -1;
   }
   
   .btne:hover::before {
    transform: translateX(0);
   }

.bg-pf {
    background-image: -moz-linear-gradient(to left, white, #d1e4f2);
}

.bg-ppf {
    background-image: -moz-linear-gradient(to left, white, #bc3619);
}

.bg-tf {
    background-image: -moz-linear-gradient(to left, white, #4249b3);
}

.bg-wf {
    background-image: -moz-linear-gradient(to left, white, #124cb0);
}

.bg-ef {
    background-image: -moz-linear-gradient(to left, white, #0d703a);
}

figcaption {
    font-style: italic;
    margin-bottom: 5px;
}

h2.bp {
    border: 2px solid;
    border-color: #d1e4f2;
    border-style: solid none none none;
}

h2.bpp {
    border: 2px solid;
    border-color: #bc3619;
    border-style: solid none none none;
}

h2.bt {
    border: 2px solid;
    border-color: #4249b3;
    border-style: solid none none none;
}

h2.bw {
    border: 2px solid;
    border-color: #124cb0;
    border-style: solid none none none;
}

h2.be {
    border: 2px solid;
    border-color: #0d703a;
    border-style: solid none none none;
}

footer {
    background-color: rgb(230, 230, 230);
}