/*Navigation bar*/
.navbar-light .navbar-collapse .navbar-nav .nav-link {
    font-family: roc-grotesk-extrawide, sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #00cc66;
    font-size: 14px;
}

/*Body Elements, all pages*/
body {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    background-color: #1e1e4b;
    padding-top: 100px;
}

.description {
    font-family: roc-grotesk-extrawide, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12pt;
    color: #00cc66;
}

.mx-auto {
   justify-content: center;
}

h1, h2 {
    font-family: roc-grotesk-extrawide, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12pt;
    color: #00cc66;
    padding-top: 5%;
}

h3 {
    color: #00cc66;
    font-family: roc-grotesk-extrawide, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15pt;
}

.card-body {
    background-color: #5858bb;
}

.btn-group {
    background-color: #00cc66;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.welcome {
    position: relative;
    transform: translate(-28%, -660%);
    color: #1e1e4b;
    font-family:  roc-grotesk-extrawide, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.7vw;
}

.centered {
    position:relative;
    transform: translate(-28%, -145%);
    color: #1e1e4b;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 1.5vw;
}

.display-5 {
    font-family: roc-grotesk-wide, sans-serif;

    font-weight: 300;
    
    font-style: normal;
    font-size: 30pt;
    color: #7777b4;
}

.intro, .lead {
    color: #969696;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 20pt;
}

/*About Me skill paragraphs and Contact page icon paragraphs*/
.col-lg-4 {
    color: #7777b4;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 12pt;
}

.btn-lg {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    color: #00cc66;
    transform: translate(1%, 80%);
}

.px-3 {
    background-color:#969696;
    background-size: cover;
}

/*Space between lines and picture rows in portfolio*/
.picture-row {
    padding-top: 1.5vw;
}

/*Button icon padding on portfolio carousel*/
.carousel-control-prev, .carousel-control-next {
    padding-top: 1.5vw;
}

/*Portfolio cards fade*/
.circle-cards {
    border-radius: 4px;
    padding: 18px 18px;
    cursor: pointer;
    transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    opacity: 0.6;
}

.circle-cards:hover{
    transform: scale(1.20);
    opacity: 100;
    transition: all 0.2s ease-in;
}

/*Facebook and LinkedIn icons*/
.social-media {
    padding-right: 80px;
}

.facebook{
    padding-right: 2px;
}

.linkedin{
    padding-left: 2px;
}

/*"CLICK TO VIEW" portfolio*/
.click-row {
    color: #00cc66;
    font-family: roc-grotesk-extrawide, sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 10pt;
}

/*Portfolio Card Descriptions*/
.card-desc {
    color: #7777b4;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 12pt;
    padding-top: 5px;
    padding-left: 10px;
    text-align: center;
}

.card-desc-2 {
    color: #7777b4;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 12pt;
    padding-top: 5px;
    padding-left: 15px;
    text-align: center;
}

.card-desc-3 {
    color: #7777b4;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 12pt;
    padding-top: 5px;
    padding-left: 20px;
    text-align: center;
}

.card-desc-4 {
    color: #7777b4;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 12pt;
    padding-top: 5px;
    padding-left: 25px;
    text-align: center;
}

/*Footer*/
.list-footer {
    font-family:'Zen Kaku Gothic New', sans-serif;
    font-weight: 500;
    font-size: 11.8pt;
}

.list-footer:hover {
    color: #00cc66;
    transition: 0.2s;
}

.bottom-logo {
    padding-right: 10px;
}

/*Contact page icon grid and image*/

h4 {
    font-family: roc-grotesk-extrawide, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12pt;
    color: #00cc66;
    padding-top: 5%;
}

.icon-para {
    color: #969696;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 13pt;
}

.bi-social:hover {
    outline: #00cc66 solid 1px;
    transition:0.2s
}

.navbar-brand {
    transition:transform 0.25s ease;
}

.navbar-brand:hover {
    -webkit-transform:scale(1.5); /* or some other value */
    transform:scale(1.5);
}

/*Homepage Cards*/

.card-img-top {
    object-fit: cover;
}