:root {
    --moja-boja: #8080e2;
    --moja-boja-light: #9393dd;
}
body {font-size: 20px;}
.page {min-height: 700px;}
.nav-item {margin: 4px;}
a, .nav-link { color: var(--moja-boja); text-decoration: none; transition: all 0.4s linear;}
a:hover, .nav-link:hover { color: var(--moja-boja-light); color: #dc3545}

.btn-primary {background-color: var(--moja-boja); transition: all 0.4s linear}
.btn-primary:hover {background-color:#dc3545;}

.regerrors, .loginErrors, .profileErrors, .addImageErrors {display: none; margin-top: 10px;}

.profilePic {
    width: 48px;
    height: 48px;
    display: inline-block;
    border: 1px solid #f5f5f5;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.liked {
    color: #dc3545;
}

.comment { border-bottom: 2px solid #ccc; margin: 10px 0;}
#mainFooter  {font-size: 14px; text-align: center; color: #f5f5f5; background-color: rgb(48, 48, 48);}
#mainFooter p {margin: 0;}

.galleryImg {border-radius: 16px; transition: all 0.5s linear;}
.galleryImg:hover {box-shadow: 10px 10px 12px 0px #dcdcdc; margin-top: -5px; transform: scale(1.01); }