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;
}

h1 {
    font-size: 5em;
}
h3 {
    border-bottom: 4px #28a745 solid;
}
h4 {
    color: #0b2e13;
}

/* Navigation bar */
.navbar-brand {
    font-size: 2em;
}

@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;
}

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