body {
    height: 100vh;
    background-image: url(../images/abstract-art-decoration-1029624.jpg);
    background-size: cover;
}

.card-body {
    background-color: #8dbfea;
    background-image: url(../images/square_bg.png)
}

h1 {
    font-family: 'Audiowide', cursive;
}

#welcome {
    font-weight: bold;
}

button {
    margin-top: 8px;
    margin-bottom: 8px;
}

.hide {
    display: none;
}
.crystal-image {
    height:100px;
    width: 100px;
    border: 2px grey solid;
}


p {
    font-weight: bold;
}

.red {
    color: red;
}

.purple {
    color: purple;
}

.crystal-image:hover {
    opacity: .80;
}


@media only screen and (max-width: 992px){
    html {
        height: 120%;
    }
}

@media only screen and (max-width: 768px){
    html {
        height: 150%;
    }
}

@media screen and (max-width: 640px){
    body {
        background-size: unset;
    }
}