html { 
    background: url(assets/phront-bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%
  }

/* body {
    background: url(assets/Phront-app-you-up.svg) no-repeat center center fixed;
    background-size: cover;
} */

/* img {
    max-width: 80%;
    height: auto;
} */


img { 
    object-fit: contain;
    width:50%;
    height:50%;
}



.responsive {
    max-width:100%;
    max-height:100%;
}
 
.center{
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
}

.parent {
    position: relative;
}
 

/* .container {
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item {
    width: 10em;
} */