@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');

:root {
    --letterSpacing: .1rem;
    --textWhite: #fff;
    --mainBg: linear-gradient(148deg, rgb(81, 100, 182) 26.33%, #5370a6 62.80%);
     
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Playfair Display SemiBold", sans-serif;
    letter-spacing: var(--letterSpacing);
}

h1.caption {
    color: var(--textWhite);
    letter-spacing: .3rem;
    text-shadow: .1rem .1rem .8rem black;
}

h1.caption2, h3.caption2 {
    letter-spacing: .3rem;
    text-shadow: .1rem .1rem .8rem black;
}

h2.caption3 {
    letter-spacing: .3rem;
    text-shadow: .1rem .1rem .8rem white;
}



p.caption {
    color: var(--textWhite);
    font-size: 1rem;
    text-shadow: .1rem .1rem .5rem black;
}

.badge, li.list-group-item, p {
    font-family: "Droid Serif", "Open Sans Extrabold";
    font-weight: bold;
}

.list-group-item {
    background: rgb(151, 169, 213);
}

p.badge.bg-danger {
    font-size: 1.3rem;
}

.textYellow {
    color: #eed928;
}

li.list-group-item {
    color: rgba(0, 0, 0, 1);
}

.coverColor {
    background: var(--mainBg);
    opacity: 1;
}

.transparentNavbar {
    background: var(--mainBg);
    opacity: 90%;
}

.bRad {
    border-radius: 74% 26% 73% 27% / 45% 56% 44% 55%;
    
}

.navbar{
    transition: all 0.6s ease-out;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

a.nav-link.mx-2.active {
    background-color: #fdcc0dc9;    
}

main {
    margin-top: 10rem;
}

#home {
    /*Photo by Josh Sorenson from Pexels: https://www.pexels.com/photo/body-of-water-1154510/ */
    background-image: radial-gradient(circle, rgb(55, 48, 48) 0%, rgba(57, 103, 134, 0.76) 100%), url("https://lh3.googleusercontent.com/pw/AJFCJaXt2M1yJ7-6ZV4M9JdPYoXF4U0S1eBK8wl5phtsra0D3CxnZ-Lqp0dxr4yezKTkUEnfOhcvsgmKf6GpEz6R9r4Wl0x_ebUb_-2v55p3sr95hwZaZw=w2400");
    background-size: 100%;
    background-repeat: no-repeat;

}

#about {
/*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=235e47&c2=32a0e8c1&gt=l&gd=dtl
*/
    background: #235E47;
    background: linear-gradient(135deg, #235E47, #32A0E8C1);
}

#contact {
    /*Photo by PhotoMIX Company from Pexels: https://www.pexels.com/photo/person-holding-silver-iphone-7-887751/  */
    background-image: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(50, 160, 232, 0.7567226719789478) 100%), url("https://lh3.googleusercontent.com/ws1KR2_TM3AQqblH5mA8s0T3QXkh2-bY6H-LmY4ddv-1BGjOtEHoj1HyTk32yMzMdlCiSlVWBi9SttrsOayk-z6BDvpjQF-KHBP-n93yhOUvVB_EiUc9aFVnwcLWO_RGWv1hGO5g=w2400");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.imgSize {
    height: 90%;
}

.offset:before {
    display: block;
    content: '';
    height: 4rem;
    margin-top: -4rem;
}

.jumbotron {
    margin-bottom: 0;
    padding: 2rem 0 3.5rem;
    border-radius: 0;
}

footer {
    background-color: #63d471;
        background-image: linear-gradient(315deg, #63d471 0%, #233329 74%);
    padding: 2rem 0;
}

#btnBackTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;

}

.btnCircle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    background: rgb(81, 100, 182);

}

.btnCircle i {
    position: relative;
    top: -1px;
    color: #f0f0f0;
}

.btnCircle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem;
}