/* https://coolors.co/b00000-02020b-2b363b-fdcf00-28721d */
/* https://coolors.co/b00000-02020b-2b363b-47a8bd-ff8200 */
/* https://coolors.co/b00000-02020b-2b363b-69b7c9-ff8200 */

body {
    background-color: #02020B;
}

.container {
    max-width: 960px;
}

.title-container {
    background-color: #FF8200;
    color: #111;
}

.content-container {
    background-color: #2B363B;
    height: auto;
}

h2.socials {
    color: #dddddd !important;
    font-size: 24px;
    border: 1px dotted #dddddd;
}

.travel-plans {
    color: #dddddd;
    border-top: dashed 1px #FF8200;
}

.travel-plans ul {
    list-style: none;
    padding: 0;
}

a {
    color: #333;
}

a:hover {
    color: #555;
}

.btn .link-arrow {
    float: right;
    color: #F5F5F5;
}

.btn .link-context {
    font-size: .8em;
}

.btn-primary {
    color: #02020B;
    background-color: #69B7C9;
    border-color: #69B7C9;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-visible {
    background-color: #3B92A5 !important;
    border-color: #3B92A5 !important;
    --bs-btn-hover-bg: #3B92A5;
    --bs-btn-hover-border-color: #3B92A5;
}

.img-profile {
    border-radius: 50%;
    max-width: 200px;
}

.footer {
    color: #2B363B;
    font-size: .8em;
}

.other-colors {
    color: #B00000; /* red */
    color: #FF8200; /* orange */
    color: #02020B;
    color: #6E8894;
    color: #69B7C9;
    color: #3B92A5; /* hover over color */
    color: #FF8200;
}