StaticWebsiteJovian/css/custom/main.css

/* Global */
body {
    padding-top: 5rem;
    background-color: rgb(230, 255, 230);
}

.focus-center {
    padding: 3rem 1.5rem;
    text-align: center;
}

@media (min-width: 576px) {
    h1 {
        font-size: 5em;
    }
}

h3 {
    border-bottom: 4px #28a745 solid;
}

h4 {
    color: #0b2e13;
}

/* Navigation bar bigger title */
@media (min-width: 576px) {
    .navbar-brand {
        font-size: 2em;
    }
}

/* Dropdown acive color */
.dropdown-item.active {
    background-color: #28a745;
    border-color: #28a745;
}

.dropdown-item:active {
    background-color: rgb(70, 197, 99);
    border-color: rgb(40, 167, 69);
}

/* Expand button */
@keyframes pop-menu-anim {
    from {
        background-color: rgb(230, 255, 230);
        transform: rotate(90deg);
    }
    to {
        background-color: #eee;
        transform: rotate(0deg);
    }
}

.jovian-toggler {
    background-color: rgb(230, 255, 230);
    transform: rotate(90deg);
}

.jovian-toggler:hover {
    background-color: #eee;
    transform: rotate(0deg);
    animation-name: pop-menu-anim;
    animation-duration: 0.4s;
}

.jovian-toggler:active {
    background-color: #fff;
    transform: rotate(0deg);
}

@media (min-width: 768px) {
    .navbar-expand-md .jovian-toggler {
        display: none;
    }
}

/* CV */
.city {
    font-style: italic;
    color: #4e555b;
}

.middle-info {
    color: black;
}

.lead strong {
    color: black;
}

.sub {
    font-size: 0.7em;
    color: #6c757d;
    padding-top: 3em;
}