html{
    cursor: url("../img/honey-cursor.png"), auto;
}
body{
    margin:0;
    padding:0;
    font-weight: bolder;
background: rgba(45,58,77,1);
    transition: .5s ease-in-out;
}

@keyframes bgGradientAnim {
    0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 0%;
	}
	100% {
		background-position: 0% 100%;
	}
}
@keyframes backgroundColorPalette {
    0% {
        background: #00c99a;
    }
    25% {
        background: #034C8C;
    }
    50% {
        background: #F29F05;
    }
    75% {
        background: #70735D;
    }
    100% {
        background: #0085a3 /**#F28705**/;
    }
}

body, h1, h2, h3, h4, h5, h6, a {
font-family: "Poppins";
color:#ffffff;
transition: .3s ease-in-out;
}
::selection {
  background-color: #43c44e;
}

#timer{
    transition:.3s ease-in-out;
}

.container{
    width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

h1{
    text-align:center;
    color: #fff;
    xletter-spacing:7px;
    x-webkit-text-stroke-width: 1px;
    x-webkit-text-stroke-color: #ffffff;
    font-size:3em;
    text-transform:uppercase;
}

h2{
    text-align:center;
    color: #fff;
    xletter-spacing:7px;
    x-webkit-text-stroke-width: 1px;
    x-webkit-text-stroke-color: #ffffff;
    font-size:2em;
    text-transform:uppercase;
}
.headline{
    text-wrap:balance;
}

@media (max-width:1249px){
    h1{
        font-size:2.3em !important;
    }
}
 @media (max-width:771px){
    h1{
        font-size:1.6em !important;
    }
}

@media (max-width:1249px){
    h2{
        font-size:1.6em !important;
    }
}
 @media (max-width:771px){
    h2{
        font-size:1em !important;
    }
}