html {
    min-height: 100%;
    background: linear-gradient(180deg, rgba(90, 99, 156, 1) 0%, rgba(119, 118, 179, 1) 46%, rgba(155, 134, 189, 1) 72%, rgba(226, 187, 233, 1) 100%);
}


body {  
    margin:0;
    height:100%;
    background-color: #0000;
}

.profileimg {
    height: auto;
    max-width: 237px;
    margin-top: -20%;
    background: rgb(255 255 255 / 50%);
    box-shadow: 0 4px 10px 0 rgba( 0, 0, 0, 0.3 );
}

.card {
    border-radius: 0.5rem !important;
    background-color: unset;
}

.header {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

h2,h3,h4,h5,h6 {
    font-family: 'Questrial', sans-serif;
}

h1 {
    font-family: 'Questrial', sans-serif;
    font-style: normal;
    letter-spacing: 3px;
    font-size:2.5rem;
}

@media (max-width: 640px) {
  h1 {
    font-size: 1.8rem;
  }
}

.hrfade {
    height: 2px !important;
    font-size: 1.5rem;
    color: white;
    margin: 1rem -1rem 1rem -1rem;
    opacity: 1;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, white));
}

.btn-primary {
    color: #2c5eff;
    background-color: rgb(255 255 255 / 50%);
    border-color: #6b6ea9;
    font-family: 'Questrial', sans-serif;
    letter-spacing: 2px;
}

.btn-secondary {
    border-color: #6b6ea9;
}
.btn-primary:hover {
    color: #fff;
    background-color: #6b6ea9;
    border-color: #6b6ea9;
}