@import 'bootstrap/dist/css/bootstrap.min.css';
@import 'bootstrap-icons/font/bootstrap-icons.min.css';

body {
    background-color: lightgrey;
}

.main-container {
    background-color: white;
    padding-top: 1rem;
    padding-bottom: 0.2rem;
}
.footer {
    margin-top: 2rem;
}
.tiny {
    font-size: 75%;
}
h2, h3, h4 {
    margin-top: 1em;
}

.job-card {
    margin-top: 1em;
}

.job-card .timerange {
    font-style: italic;
}

.cloud-primary .tag-badges  {
    font-size: 180%;
}
.cloud-standard .tag-badges {
    font-size: 140%;
}
.cloud-light .tag-badges  {
    font-size: 130%;
    filter: opacity(60%);
}
.tag-badges > span {
    margin: 0.4em;
}
.focusable {
    transition: all 0.3s;
}
.focusable:hover {
    background-color: rgba(236, 241, 245, 0.3);
    filter: brightness(96%);
}
.focused-element {
    border: 2px dashed red;
}
.contacts .contact {
    margin: 0.75em;
}