@import url('normalize.css');

/* universal */

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}


body {
    background-color: #333;
    width: 100%;
    margin: 0;
    color: white;
    font-family: 'Ubuntu';
}

.content {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.social {
    height: 32px;
    float: left;
    margin-right: 1em;
}

.social2 {
    width: 36px;
    float: left;
    margin-right: 1em;
}

.social img {
    height: 34px;
}

.social2 img {
    height: 36px;
}

.bash_wrapper {
    max-width: 260px;

}

.typewriter h1 {

    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange;
    /* The typwriter cursor */
    white-space: nowrap;
    /* Keeps the content on a single line */
    /*margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    /*letter-spacing: .15em;
    /* Adjust as needed */
    animation:
        typing 1.5s steps(22, end),
        blink-caret .75s step-end infinite;

}

/* The typing effect */
@keyframes typing {
    from {

        width: 0
    }

    to {
        width: 100%
    }
}

/* The typewriter cursor effect */
@keyframes blink-caret {

    from,
    to {
        border-color: transparent
    }

    50% {
        border-color: orange;
    }
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu/Ubuntu-Regular.woff2') format('woff2'),
        url('fonts/ubuntu/Ubuntu-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a:link {
    color: orange;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: orange;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: orange;
    text-decoration: none;
}

/* selected link */
a:active {
    color: orange;
    text-decoration: none;
}