@charset "UTF-8";
/* CSS Document */

html {scroll-behavior: smooth;}

h2 {position: absolute; padding-left: 5%; padding-right:5%; top: 750px; font-size: 1.1em; font-family: sans-serif;}

#emil {position: absolute; left: 47%; top: 12640px; color:blue; font-size:0.9em; font-family: sans-serif;}

nav{position: fixed;top: 150px; z-index: 2;}
nav a{font-size: 0.8em; color: blue; font-weight: bold; font-family: sans-serif;}

#information {position: fixed; top: 110px; z-index: 2;}

#VIDEO{padding-top: 20px; padding-left: 5%; padding-right:5%; display: flex;justify-content: center; width: 90%;}
iframe{width: 100%; max-height: 88vh;}

img {cursor: pointer}

.links a{font-size: 1.6em; color: blue; font-weight: bold; font-family: sans-serif; text-decoration: none;}
.links a:hover{color: coral}

a img { -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out;}
a img:hover { -webkit-transform: scale(0.88,0.88); transform: scale(0.88,0.88);}

.elements img {z-index: 3;}
.species img {z-index: 3;}
.text img {z-index: 1;}
.links-position div {color: white}