/* ---- UNIVERSAL ---- */
body {
    font-family: 'PT Sans', sans-serif;
    color: #242424;
}

header{
    background-color: rgb(241, 241, 241);
}

img{
    display: block;
    margin: auto;
}

nav {
    text-align: center;
    width: 80%;
    margin: auto;
}

ul {
    padding-top: 20px;
    padding-left: 0;
    margin-bottom: 0;
    word-spacing: 160px;
}

ul li {
    display: inline;
    font-weight: bold;
}

ul li a {
    text-decoration: none;
    font-size: 20px;
    color: #242424;
    letter-spacing: 1px;
}

ul li a:hover{
    color: #b6d531;
}

ul li a.current-page{
    color: #b6d531;
    text-shadow: #242424 2px 2px 2px;
}

/* ---- HOME PAGE ---- */

.carousel {
    /* height: 73vh;
    overflow: hidden; */
}

.carousel-item img {
    /* position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important; */
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b6d531' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    
   }
   
.carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b6d531' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
   }

section.services {
    width: 80%;
    margin: auto;
}

h2 {
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.service {
    background-color: rgb(182,213,49,0.2);
}


/* ---- ABOUT PAGE ---- */

section.gallery {
    text-align: center;
    background-color: rgb(182,213,49,0.6);
    margin: 0;
}

.container img {
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 10px;
}

.gallery a {
    text-decoration: none;
    color: #242424;
    font-size: 25px;
    letter-spacing: 1px;
}

.about-me .container {
    width: 70%;
}

.about-me img {
    border-radius: 50%;
}

.about-me p {
    background-color: rgb(182,213,49,0.2);
}

.certificate {
    text-align: center;
    margin-top: 20px;
}

.certificate img {
    display: inline-block;
}

.resa{
    margin-right: 100px;
}


/* ---- CONTACT PAGE ---- */
.contact-info {
    width: 80%;
    margin: 50px auto;
}

.name-card {
    background-color: rgb(182,213,49,0.2);
    text-align: center;
}
.name-card p {
    font-size: 20px;
}

.name, .email, .message {
    background-color: rgb(182,213,49,0.2);
}

.btn {
    background-color: rgb(182,213,49,0.2);
    float: right;
}

footer {
    background-color: #b6d531;
    text-align: center;
    margin-top: 20px;
}