.someText {
    text-align: center;
    color: blue;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url("../fonts/liberation_sans/LiberationSans-Regular.bd513477436f.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url("../fonts/liberation_sans/LiberationSans-Bold.57eb9d52d67b.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url("../fonts/liberation_sans/LiberationSans-Italic.7f7e05e2e26d.ttf") format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url("../fonts/liberation_sans/LiberationSans-BoldItalic.cfb929ee67e4.ttf") format('truetype');
    font-weight: bold;
    font-style: italic;
}

body {
    background: rgba(229, 219, 146, 0.36);

}


.container {
    font-family: 'Liberation Sans', sans-serif;
    width: 1100px;
    max-width: 100%;
    padding: 1em;
    margin: auto;
    box-sizing:border-box
}

img {
  max-width: 100%;
  height: auto;
}

h2 {
    font-weight: bold;
    font-size: x-large;
}

h3 {
    font-size: xxx-large;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/* start of base html stuff here */

.base-banner {
    min-height: 5em;
    flex-direction: row;
    display: flex;
    align-items: center;
    width: 100%;
}

.social-button-container {
    flex-shrink: 0;
}

.social-button-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
}

.social-button-icon {
    flex-wrap: nowrap;
    height: 2em;
    width: 2em;
    padding: 0.5em;
}

/* project index html stuff here */

.about-me {
/*    leavbing blank for now?!*/
}

.projects {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.project-box {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.5rem;
}

.project-box-tech {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    white-space: wrap;
    flex: 0 0 6rem;


    border: 0.2rem solid black;
    margin: 0.5rem;
    padding: 0.5rem;

}

.col-md-4 {
    border: 0.2rem solid black;
    margin: 0.5rem;
    padding: 0.5rem;
}

.card-img-top {

}

.card-body {

}

.card.mb-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title {
    font-size: large;
}

.row {
    flex-flow: row;
}

.work-experiences {

}