@charset "utf-8";
body {
    font-family: 'Poppins', serif;
    color: rgb(167, 201, 254);
    background-color: rgb(0,0,0);
    font-weight: 200;
}

.img-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   filter: brightness(70%);
}

.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#main-card {
    position: absolute;
    left: 5vw;
    top: 42vh;
    z-index: 10;

}

.name {
    display: inline-block;
    font-size: 48pt;
    line-height: 0.9em;
    padding-right: 10px;
    color: rgb(255, 255, 255);
}

.title {
    display: inline-block;
    font-size: 14pt;
    line-height: 1.0em;
    padding-top: 10px;
}

.skills {
    display: block;
    font-size: 24pt;
    max-width: 700px;
    padding-top: 0.5em;
}

.links {
    display: block;
    font-size: 16pt;
    max-width: 700px;
    padding-top: 1.25em;
    }

a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

a:hover {
    color: rgb(245, 235, 140);
}

a:active {
    color: rgb(255, 255, 255);
}