<<<<<<< HEAD
html {
    scroll-behavior: smooth;
}

body {
    background-color: #fff8dc;
}

.navbar-brand,
.nav-link {
    color: #ffffff!important;
    font-size: 1.2rem;
    font-weight: bold;
}


/* .brandname_first {
    color: #eb6b42;
} */

.brandname_last {
    color: #eb6b42;
}

.navbar-toggler-icon {
    width: 2em;
    height: 2em;
}


/* animated toggle menu */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon2 span {
    background: #ffffff;
}

.animated-icon2 span:nth-child(1) {
    top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
    top: 10px;
}

.animated-icon2 span:nth-child(4) {
    top: 20px;
}

.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}


/* end animated toggle menu */

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    outline: none;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background-color: #f15a3c !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

#upbutton {
    display: inline-block;
    padding: 1rem;
    color: #ffffff;
    background-color: #f15a3c;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}


/* #upbutton::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
} */

#upbutton:hover {
    cursor: pointer;
    background-color: #333;
}

#upbutton:active {
    background-color: #555;
}

#upbutton.show {
    opacity: 1;
    visibility: visible;
}


/***********************************************************/

.acti {
    color: #414141!important;
    /* border-bottom: 2px dashed #414141; */
}

.nav-link:hover {
    /* transform: rotateZ(20deg); */
    /* border-bottom: 2px dashed #414141; */
    color: #eb6b42!important;
}

.nav-link {
    margin-left: .5rem;
    margin-right: .5rem;
    font-family: 'Poiret One', cursive;
    /* font-family: 'Handlee', cursive; */
    transition: all 0.4s ease-in-out;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(65, 65, 65, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.custom-toggler.navbar-toggler {
    border-color: transparent;
}

.welcome,
.navbar {
    background-color: #3ebcde!important;
    box-shadow: none;
}

.navbar-brand {
    font-family: 'Poiret One', cursive;
    font-size: 1.5rem;
}

.intro {
    /* font-family: 'Handlee', cursive; */
    font-family: 'Poiret One', cursive;
    color: #ffffff;
}

.figure-caption {
    color: #414141;
}

.figure {
    max-width: 30rem;
    mix-blend-mode: hard-light;
}


/* .about-intro {
    max-width: 35rem;
    display: inline-block;
} */

.infotext {
    font-size: 1.1rem;
    color: #414141;
}

.sect-title {
    color: #2097b7;
    font-size: 2.2rem;
    font-family: 'Poiret One', cursive;
}

.shebang {
    max-width: 10rem;
    /* margin: auto;
    display: block; */
}


/* .countup {
    padding: 1.5rem 0;
} */

.statsTitle {
    font-weight: bold;
    font-family: 'Poiret One', cursive;
    color: #f15a3c;
}

.coordinates,
.stat-name {
    color: #2097b7;
    /* font-weight: bold; */
}

.timeel {
    border-radius: 45%;
    background-image: linear-gradient(315deg, #3ebcde 0%, #fff8dc 74%);
    color: #414141;
    font-family: 'Poiret One', cursive;
    font-weight: bold;
    display: inline-block;
    width: 3.2rem;
    padding: 1.5rem 0;
    text-align: center;
}

.btn-primary {
    background-color: #eb6b42!important;
}

.page-footer {
    background-color: #2097b7;
}

@media (max-width: 991.98px) {
    .acti {
        border-bottom: unset;
        color: #414141!important;
    }
    .nav-link:hover {
        color: #414141!important;
        border-bottom: unset;
        transform: unset;
        opacity: 0.5;
    }
    .figure {
        max-width: 20rem;
    }
    .stats,
    .sect-title {
        text-align: center!important;
    }
=======
html {
    scroll-behavior: smooth;
}

body {
    background-color: #fff8dc;
}

.navbar-brand,
.nav-link {
    color: #ffffff!important;
    font-size: 1.2rem;
    font-weight: bold;
}


/* .brandname_first {
    color: #eb6b42;
} */

.brandname_last {
    color: #eb6b42;
}

.navbar-toggler-icon {
    width: 2em;
    height: 2em;
}


/* animated toggle menu */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon2 span {
    background: #ffffff;
}

.animated-icon2 span:nth-child(1) {
    top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
    top: 10px;
}

.animated-icon2 span:nth-child(4) {
    top: 20px;
}

.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}


/* end animated toggle menu */

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    outline: none;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background-color: #f15a3c !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

#upbutton {
    display: inline-block;
    padding: 1rem;
    color: #ffffff;
    background-color: #f15a3c;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}


/* #upbutton::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
} */

#upbutton:hover {
    cursor: pointer;
    background-color: #333;
}

#upbutton:active {
    background-color: #555;
}

#upbutton.show {
    opacity: 1;
    visibility: visible;
}


/***********************************************************/

.acti {
    color: #414141!important;
    /* border-bottom: 2px dashed #414141; */
}

.nav-link:hover {
    /* transform: rotateZ(20deg); */
    /* border-bottom: 2px dashed #414141; */
    color: #eb6b42!important;
}

.nav-link {
    margin-left: .5rem;
    margin-right: .5rem;
    font-family: 'Poiret One', cursive;
    /* font-family: 'Handlee', cursive; */
    transition: all 0.4s ease-in-out;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(65, 65, 65, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.custom-toggler.navbar-toggler {
    border-color: transparent;
}

.welcome,
.navbar {
    background-color: #3ebcde!important;
    box-shadow: none;
}

.navbar-brand {
    font-family: 'Poiret One', cursive;
    font-size: 1.5rem;
}

.intro {
    /* font-family: 'Handlee', cursive; */
    font-family: 'Poiret One', cursive;
    color: #ffffff;
}

.figure-caption {
    color: #414141;
}

.figure {
    max-width: 30rem;
    mix-blend-mode: hard-light;
}


/* .about-intro {
    max-width: 35rem;
    display: inline-block;
} */

.infotext {
    font-size: 1.1rem;
    color: #414141;
}

.sect-title {
    color: #2097b7;
    font-size: 2.2rem;
    font-family: 'Poiret One', cursive;
}

.shebang {
    max-width: 10rem;
    /* margin: auto;
    display: block; */
}


/* .countup {
    padding: 1.5rem 0;
} */

.statsTitle {
    font-weight: bold;
    font-family: 'Poiret One', cursive;
    color: #f15a3c;
}

.coordinates,
.stat-name {
    color: #2097b7;
    /* font-weight: bold; */
}

.timeel {
    border-radius: 45%;
    background-image: linear-gradient(315deg, #3ebcde 0%, #fff8dc 74%);
    color: #414141;
    font-family: 'Poiret One', cursive;
    font-weight: bold;
    display: inline-block;
    width: 3.2rem;
    padding: 1.5rem 0;
    text-align: center;
}

.btn-primary {
    background-color: #eb6b42!important;
}

.page-footer {
    background-color: #2097b7;
}

@media (max-width: 991.98px) {
    .acti {
        border-bottom: unset;
        color: #414141!important;
    }
    .nav-link:hover {
        color: #414141!important;
        border-bottom: unset;
        transform: unset;
        opacity: 0.5;
    }
    .figure {
        max-width: 20rem;
    }
    .stats,
    .sect-title {
        text-align: center!important;
    }
>>>>>>> 5af80047fe92e40b69052c908226e848ff5fa0b5
}