:root {
    --main-bg-color: #F4ECE2;
    --main-dark-color: #404C2D;
    --secondary-dark-color: #902E25;
    --main-light-color: #A2A182;
    --secondary-light-color: #E6CEBC;
    --bright-color: #B84B19;
    --secondary-bg-color: rgba(64, 76, 45, 0.6);
}

body {
    background: linear-gradient(80deg, #f0d9d1 40%, #F4ECE2 40%)
}

h1 {
    color: #6B264B;
}

.regular-text {
    font-family: "PT Sans Narrow";
}

.fancy-text {
    font-family: "DM Serif Display";
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.portret img {

    object-fit: cover;
    border-top-left-radius: 35%;
    border-top-right-radius: 35%;
}

#myfooter {
    transition: transform 1s;
    border-radius: 0.7em 0 0 0.7em;
    font-size: 1.5rem;
    position: fixed;
    right: 0;
    top: 150px;
}

#myfooter:hover {
    transform: scale(1.2);

}

#myfooter a:hover i {
    color: var(--bright-color);
}

#myfooter i:hover {
    color: var(--bright-color);
}

.navbar-light ul.navbar-nav li.nav-item:hover a.nav-link {
    color: var(--bright-color);
}