.home-container {
    background: linear-gradient(-30deg, #ee5252, #5e3ce7, #23d56d, #d8572c);
    background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 93vh;
    width: fill;
}
.home-content
 {
    font-size: 10vw;
    font-weight: 900;
    color:red;
 }
.text {
    mix-blend-mode: exclusion;
    font-family: 'Bigelow Rules';
    letter-spacing: 4px;
    text-shadow: 0 1px 0px #378ab4, 1px 0 0px #5dabcd, 1px 2px 1px #378ab4, 2px 1px 1px #5dabcd, 2px 3px 2px #378ab4, 3px 2px 2px #5dabcd, 3px 4px 2px #378ab4, 4px 3px 3px #5dabcd, 4px 5px 3px #378ab4, 5px 4px 2px #5dabcd, 5px 6px 2px #378ab4, 6px 5px 2px #5dabcd, 6px 7px 1px #378ab4, 7px 6px 1px #5dabcd, 7px 8px 0px #378ab4, 8px 7px 0px #5dabcd;
}
.active {
    position: relative;
    border-bottom: 3px solid teal;
    border-radius: 8px;
    padding-bottom: 0;
}
.svg-dark path{
    fill: #fff;
}
.svg-light path{
    fill: #000000;
}
.darkmode-position {
    float: center;
}
.js-cookie-consent-light {
    position: fixed;
    bottom: 0;
    right: 0;
    color: black;
    background-color: whitesmoke;
    border: black solid 3px;
    z-index: 1000;
    filter: drop-shadow(5px 5px 0.5rem black);

}
footer {
    z-index: 500;
}
.js-cookie-consent-dark {
    position: fixed;
    bottom: 0;
    right: 0;
    color: whitesmoke;
    border: whitesmoke solid 3px;
    background-color: black;
    z-index: 1000;
    filter: drop-shadow(5px 5px 0.5rem slategray);
}
.profile-img {
    transform: rotate(-90deg);
    float: left;
    overflow:hidden;
    margin: 10px;
    min-width: 450px;
    max-width: 450px;
    width: 100%;
}
.profile-img img {
    transition: all 1.5s;
    box-sizing: border-box;
}
.profile-img:hover img {
    transform: rotate(90deg);
}
.error-text {
    background-image: url('img/MontyPython.jpg');
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.coin-spin {
    width: 400px;
    height: auto;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
.coin-spin:hover{
    -webkit-transform: rotate(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);

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

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .home-content{
        font-size: 10vw;
    }
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .home-content{
        font-size: 6vw;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .home-content{
        font-size: 3vw;
    }
    .darkmode-position {
        float: right;
}

 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

 }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

 }


/* akronim-regular - latin */
@font-face {
  font-family: 'Akronim';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/akronim-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/akronim-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/akronim-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/akronim-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/akronim-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/akronim-v23-latin-regular.svg#Akronim') format('svg'); /* Legacy iOS */
}
/* alex-brush-regular - latin */
@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alex-brush-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alex-brush-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alex-brush-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alex-brush-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alex-brush-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alex-brush-v20-latin-regular.svg#AlexBrush') format('svg'); /* Legacy iOS */
}
/* allura-regular - latin */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allura-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/allura-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/allura-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/allura-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/allura-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/allura-v18-latin-regular.svg#Allura') format('svg'); /* Legacy iOS */
}
/* bigelow-rules-regular - latin */
@font-face {
  font-family: 'Bigelow Rules';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bigelow-rules-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/bigelow-rules-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bigelow-rules-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bigelow-rules-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bigelow-rules-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/bigelow-rules-v23-latin-regular.svg#BigelowRules') format('svg'); /* Legacy iOS */
}