nav {
    background: rgba(5, 44, 101, 0.75);
}

.oi {
    border: 1px dotted;
    border-radius: 50%;
}

#helloborder {
    border-style: solid;
    border-top: 2px;
    border-color: rgba(5,87,158,1);
    width: 100px;
}

.underline {
    border-top: rgba(5, 87, 158, 0.9);
    border-top-style: solid;
    border-top-width: 2px;
    width: 100px;
    left: calc(50% - 50px);
}

.section-title h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #ffc107;
    bottom: 1;
    left: calc(50% - 25px);
  }

section
{
    margin-bottom: 5rem;
}

.contactsymbol {
    color: rgba(24,64,126,1);
    border-color: rgba(24,64,126,1);
}

.contactsymbol:hover {
    color: rgba(255,255,255,1);
    border-color: rgba(24,64,126,1);
    background-color: rgba(24,64,126,1);
}

.systoorange {
    color: #d36d24;
}

.systoorangebright {
    columns: #f05b26;
}

.systoblue {
    color: #18407e;
}

.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(45, 45, 45, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(23, 34, 43, .1), inset 0 .125em .5em rgba(0, 340,44, .15);
  }