.navbar .logo-icon {
    width: 1.5rem;    
}

.header-section .name {
    font-family: Roboto-Bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto-Bold;
}

.header-section .logo-image {
    width: 10rem;
}

.header-logo-section {

    display: grid;
    grid-template-columns: auto 1fr;
}

.header-starter {
    background: #fff1;
}

.social a {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 50%;
    background-clip: padding-box;
    color: #fff;
    text-align: center;
}

.social a .fab {
    font-size: 20px;
    padding-top: 9px;
}

.separator {
    height: 8em;    
}

.previewInModal:hover {
    cursor: pointer;
    transform: scale(1.01);
    opacity: 0.9;
}

@font-face {
    font-family: Roboto;
    src: url(/static/fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(/static/fonts/Roboto/Roboto-Bold.ttf);
}