.text-break {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.vcenter-item {
    display: flex;
    align-items: center;
}

.img-shadow {
    box-shadow: 0px 0px 20px 8px rgba(143,143,143,0.69);
    -webkit-box-shadow: 0px 0px 20px 8px rgba(143,143,143,0.69);
    -moz-box-shadow: 0px 0px 20px 8px rgba(143,143,143,0.69);
}

.cursor-hand {
    cursor: pointer
}

a {
    cursor: pointer
}

button {
    cursor: pointer
}

.pointer {
    cursor: pointer
}

svg {
    height: 100%;
}

.img-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

@@media (orientation:landscape) {
    .hide-on-landscape {
        display: none;
    }
}

@@media (orientation:portrait) {
    .hide-on-portrait {
        display: none;
    }
}

.company {
    mix-blend-mode: multiply;
    filter: grayscale(100%);
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
}

.dark mark {
    background: #282829;
    color: #FFF;
}

mark {
    background: #282829;
    padding: 0;
}

.text {
    width: 33ch;
    animation: typing 2s steps(22), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: monospace;
    font-size: 1.5em;
    margin: 1em auto;
}

.text-break {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.vcenter-item {
    display: flex;
    align-items: center;
}

.img-shadow {
    box-shadow: 0px 0px 20px 8px rgba(143,143,143,0.69);
    -webkit-box-shadow: 0px 0px 20px 8px rgba(143,143,143,0.69);
    -moz-box-shadow: 0px 0px 20px 8px rgba(143,143,143,0.69);
}

svg {
    height: 100%;
}

.img-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

@@media (orientation:landscape) {
     .hide-on-landscape {
         display: none;
     }
 }

@@media (orientation:portrait) {
     .hide-on-portrait {
         display: none;
     }
 }

.company {
    mix-blend-mode: multiply;
    filter: grayscale(100%);
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
}

.text {
    width: 33ch;
    animation: typing 2s steps(22), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: monospace;
    font-size: 1.5em;
    margin: 1em auto;
}