html {
    scroll-behavior: smooth;
}

body {
    height: 100vh;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

.min-h-screen-minus-90 {
    height: calc(100vh - 90px);
}

img {
    display: block;
}

/* skeleton loading */
/* .skeleton {
    height: 100%;
    width: 100%;
    opacity: .7;
    animation: skeleton-loading 1s linear infinite alternate;
} */

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 70%);
    }
    100% {
        background-color: hsl(200, 20%, 95%);
    }
}


/* Style for HEADER */
header {
    margin-bottom: 2rem;
}

.vignette-overlay {
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
/* End of Styles for HEADER */


/* Style for MAIN (DESKTOP) */
.subpage-bg-img {
    background-image: url(../images/Header.jpg);
}

.photos {
	width: 45vw;
	height: 30vw;
	position: relative;
    justify-content: center;
    align-items: center;
	overflow: hidden; 
    /* bottom: 10%; */
}

.photo {
    top: 3%;
    position: absolute;
	width: 97%;
	height: 97%;
}

.no-scroll::-webkit-scrollbar {
    display: none;
}