/* gradient fallbacks taken from csstricks.com */
body {
    background-color: greenyellow;
    
    /* SVG fallback for IE 9 (could be data URI, or could use filter) */
    background-image: url(fallback-gradient.svg);
    
    /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
    background-image: -webkit-gradient(linear, left top, right top, from(greenyellow), to(#30BF97));
    
    /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
    background-image: -webkit-linear-gradient(left, greenyellow, #30BF97);
    
    /* Firefox 3.6 - 15 */
    background-image: -moz-linear-gradient(left, greenyellow, #30BF97);
    
    /* Opera 11.1 - 12 */
    background-image: -o-linear-gradient(left, greenyellow, #30BF97);
    
    /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
    background-image: linear-gradient(to right, greenyellow, #30BF97);
    margin: 0px;
    overflow: hidden;
    height:10px;
  }

  .html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: full;
}

    
a:link {
    color: white;
}

a:visited {
    color: white;
}

a:hover {
    color: red;
}

a:active {
    color: gold;
}

h1 {
    color: whitesmoke;
    text-align: center;
}
  

    .user_card {
        width: 500px;
        margin-top: 10%;
        margin-bottom: auto;
        background: #30BF97;
        position: relative;

        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 5px;
        opacity: .85;
    
    }



.bg {
  /* The image used */
  background-image: url("https://ecf-prde.s3.amazonaws.com/images/pexels-max-fischer-5212687.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  
}