@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap');

.typing-text
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #EF8833;

}

.skillrate-item
{
    margin-bottom: 10px;
    padding: 20px;
    background-color: rgba(250, 250, 250, 0);
}

.skillrate-item .skillrate-icon
{
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-bottom: 30px;
    background-size: cover;
    background-repeat: no-repeat;
}

.skillrate-item .first-skillrate-icon {
    background-image: url(../images/first-white-icon.png);
}

.progress-bar
{
    height: 10px;
    border-radius: 20px;
    background-color: black;
}

.progress-bar .progress
{
    height: 4px;
    border-radius: 20px;
    background-color:  #EF8833;
}
.emphasis
{
    color: #EF8833;
}
.cursor
{
    display: inline-block;
    width: 3px;
    background-color: white;
    margin-left: 0.1rem;
    animation: blink 1s infinite;
}

@keyframes blink
{
    0% {background-color: white;}
    49% {background-color: white;}
    50% {background-color: transparent;}
    99% {background-color: transparent;}
    100% {background-color: white;}
}