$textgrey: #707070;
$bordergrey: #d3d3d3;

.summary-box {
    background-color: #ffffff;
    box-shadow: 0 2px 5px #7474748d;
    color: $textgrey;
    position: absolute;
    bottom: 40px;
    width: 200px;
    height: 200px;
    border-radius: 15px;
    padding: 20px;
    overflow: auto;

    .summary-heading {
        display: flex;
        align-items: center;
        border-bottom: 1px solid $bordergrey;
        margin-bottom: 10px;
        padding-bottom: 5px;

        .summary-text {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1px;
            margin: 0;
            padding-right: 10px;
        }
    }
}

// Typist CSS
.Typist .Cursor {
    display: inline-block;
}
.Typist .Cursor--blinking {
    opacity: 1;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}