html, body {
    height: 100%;
    margin: 0;
    color: white;
    scroll-behavior: smooth;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vcenter {
    position: relative;
    top: 40%;
    transform: perspective(1px) translateY(-40%);
}

.menu {
    padding-left:0;
    list-style: none;
    text-align: center;
    font-weight: 200;
    font-size: 4em;
}

    .menu li {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }

h2 {
    word-wrap: normal;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: lowercase;
}

i {
    font-size: 1.5rem;
    padding-left:0.5rem;
    padding-right:0.5rem;
}

.card {
    backdrop-filter: blur(5px) brightness(85%);
    background-color: rgba(190,190,190,0.1);
    border: none;
}

.social-blade {
    width: 100%;
    text-align: right;
    padding-top:1em;
    padding-right: 1em;
}

.social-blade i {
    font-size: 2em;
}