:root {
    --tsla: #c00;
    --gh: #040204;
    --tw: #00B6F1;
    --ln: #04669A;
    --pp_active: #228b22;
    --pp_maintenance: rgba(150, 160, 65, 0.707);
    --pp_inactive: var(--tsla);
    --rss: #ee802f;
    --square_b: #1A1A1A;
    --square_w: #FFFFFF;
}

@font-face {
    font-family: tesla;
    src: url(assets/fonts/Tesla.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

body.dark-theme {
    --background: #292c36;
    --background-secondary: #292c36;
    --header: #292c36;
    --color: #a9a9b3;
    --color-secondary: #73747b;
    --border-color: #4a4b50;
}

.terms__term-count {
    background-color: #eaeaea;
    color: black;
}

body.light-theme {
    --background: #fff;
    --background-secondary: #eaeaea;
    --header: #fff;
    --color: #222;
    --color-secondary: #999;
    --border-color: #dcdcdc;
    --phoneWidth: (max-width:684px);
    --tabletWidth: (max-width:900px)
}

.license {
    font-size: small;
}

.logo__cursor {
    display: inline-block;
    width: 5px;
    height: 1rem;
    background: var(--tsla);
    margin-left: 5px;
    border-radius: 1px;
    animation: cursor 1s infinite;
}

.logo__mark .greater-icon path {
    stroke: var(--tsla);
    stroke-width: 8px
}

a.tsla {
    font: 25px/25px tesla, sans-serif;
    color: var(--tsla);
}

body.light-theme a.square {
    color: var(--square_b);
}

body.dark-theme a.square {
    color: var(--square_w);
}

/* body.dark-theme #square_logo {
    color: var(--square_w);
} */

.project_status_badge {
    display: inline;
}

a.project_status.inactive {
    color: var(--pp_inactive);
}

a.project_status.active {
    color: var(--pp_active);
}

a.project_status.maintenance {
    color: var(--pp_maintenance);
}

span.emoji {
    font-size: 30px;
    vertical-align: middle;
    line-height: 2;
}

@media only screen and (max-width: 600px) {
    span.emoji {
        font-size: 20px;
    }

    p.email {
        font-size: 65%;
    }

    .contact-social {
        visibility: hidden;
        max-height: 0;
    }
}

p.currently {
    text-align: center;
}

p.email {
    text-align: center;
}

.theme-toggler {
    fill: none;
}

.theme-toggle {
    stroke: currentcolor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.inline-svg {
    height: 20px;
    width: 25px;
    display: inline-block;
    position: relative;
    margin-right: .5%;
}

#github:hover {
    color: var(--gh);
}

#linkedin:hover {
    color: var(--ln);
}

#twitter:hover {
    color: var(--tw);
}

.inline-svg#square-rss {
    height: 19px;
    width: 19px;
    display: inline-block;
    position: relative;
    color: var(--rss);
}

/* contact_me */

.contact-social {
    height: 50px;
    width: 50px;
    display: inline-block;
    position: relative;
    margin-left: 20%;
    vertical-align: middle;
}

#linkedin_contact {
    color: var(--ln);
}

#github_contact {
    color: var(--gh);
}

#twitter_contact {
    color: var(--tw);
}

/* contact_me */

/* other logos */

.logo-personal {
    height: 19px;
    width: 19px;
    display: inline-block;
    position: relative;
}

#celtics_logo {
    vertical-align: middle;
    height: 50px;
    width: 50px;
}

#arsenal_logo {
    vertical-align: middle;
    margin-right: .5%;
    height: 50px;
    width: 50px;
}

#square_logo {
    margin-right: .5%;
    margin-left: .5%;
}
  
body.light-theme #square_logo {
    color: var(--square_b);
}

body.dark-theme #square_logo {
    color: var(--square_w);
}

/* other logos */