/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */

html
{
width: 100vw;
height: 100vh;

transition: all 2s;
}

/* ///////////////////////////////////////////////////////////////////////////////// */


body
{
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;

background-color: black;
background: #544f4d;
background: #4d5154;
background: linear-gradient(0deg, #111a1e, #60bbc5);
background-image: url("/background/faroe-islands-fishing-guide-3.jpg");

background-position: center;
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;

display: flex;
flex-direction: column;

background: #647f93;
background: linear-gradient(0deg, #162830, #4a90ab);

overflow: hidden;

transition: all 2s;

background: linear-gradient(0deg, #1f3f46, #448cad, #00ffff);
background: linear-gradient(0deg, #091216, #4a90ab);

background-size: 100% 100%;
animation: gradient 7s ease infinite;

}


@keyframes gradient
{
	0% {
		background-position: 0% 50%;
}
	50% {
		background-position: 100% 50%;
}
	100% {
		background-position: 0% 50%;
	}
}

/* ///////////////////////////////////////////////////////////////////////////////// */

#scroll_box
{
position: absolute;
width: 100vw;
margin: 0;

padding: 0;

box-sizing:border-box;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;

transition: var(--transition_height);

}

#content_box
{

width: calc(100vw - 40px);
max-width: 1000px;

margin: 0;
margin-bottom: 20px;

padding: 0;

box-sizing:border-box;
display: flex;
flex-direction: column;
align-items: center;

}

/* ///////////////////////////////////////////////////////////////////////////////// */

.topics
{
margin: 0;
margin: 0;
box-sizing:border-box;
width: 100%;
color: white;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
}


/* ///////////////////////////////////////////////////////////////////////////////// */

.species_content
{
margin: 0;
margin: 0;
box-sizing:border-box;
width: 100%;
}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */