html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Share Tech Mono", monospace;
    background: #151515;
}

.hacking-animation {
    color: #eee;
    height: 100%;
}

.hacking-animation__text {
    bottom: 0;
    font-family: "Share Tech Mono", monospace;
    color: #eee;
    font-size: 1rem;
    left: 0;
    line-height: 1.5rem;
    padding: 2rem;
    position: absolute;
    right: 0;
    overflow-x: hidden;
}

.hacking-animation__character {
    animation: type 1s linear;
    color: #39ff14;
}

@keyframes type {
    0% {
        background: #fff;
        color: #eee;
    }
    5% {
        background: transparent;
        color: #fff;
    }
    100% {
        background: transparent;
        color: #39ff14;
    }
}

.mybutton {
    color: #39ff14;
    text-decoration: none;
    padding: .5rem;
    border-radius: 5px;
    margin-right: 1rem;
    font-size: large;
    border-style: solid;
    padding: 5px 15px 5px 15px;
    border-width: 1px;
    cursor: pointer;
    user-select: none;
}