/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
*{
    margin: 0;
    padding: 0;
}

.load{
    animation: slide 2s;

}
.slider{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 70vh;
    animation: slide 40s infinite;

}
.content{
    color: #fff;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);

}

.principal{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    
    letter-spacing: 5px;
    text-align: center;
}
.principal h1{
    font-size: 70px;
    margin-bottom: 20px;
	  color:#fff;
}
@keyframes slide{
    0%{
          background-image: url("https://drive.google.com/uc?export=download&id=1A_o0CZ0BTBbV7Xd0uHlkykpTnGgf0G9A");
    }
    20%{
        background-image: url("https://drive.google.com/uc?export=download&id=1A_o0CZ0BTBbV7Xd0uHlkykpTnGgf0G9A");
  }
  20.01%{
    background-image: url("https://drive.google.com/uc?export=download&id=1Acj-ry99PgYajjReni0ViUpJiW4CQXh-");
}
40%{
    background-image: url("https://drive.google.com/uc?export=download&id=1Acj-ry99PgYajjReni0ViUpJiW4CQXh-");
}
40.01%{
    background-image: url("https://drive.google.com/uc?export=download&id=1ATGQgR0NefQjOX4Hsi882kwsPinj3WBE");
}
60%{
    background-image: url("https://drive.google.com/uc?export=download&id=1ATGQgR0NefQjOX4Hsi882kwsPinj3WBE");
}
60.01%{
    background-image: url("https://drive.google.com/uc?export=download&id=1AWLuyV5GoeH5kH2xM8mGg0wq-vqMNlX3");
}
80%{
    background-image: url("https://drive.google.com/uc?export=download&id=1AWLuyV5GoeH5kH2xM8mGg0wq-vqMNlX3");
}
80.01%{
    background-image: url("https://drive.google.com/uc?export=download&id=1AZqeJL_QKxQUmLvM5AAZDOg69it5FEW1");
}
100%{
    background-image: url("https://drive.google.com/uc?export=download&id=1AZqeJL_QKxQUmLvM5AAZDOg69it5FEW1");
}
    
}


.container{
  background-image: linear-gradient(135deg, #f34079 40%, #fc894d);
  border: none;
  border-radius: 12px;
  color: white;
  cursor: pointer;
  transition:all 0.1s ease-in-out;
  padding: 0.5rem 1rem;
  font-size:2rem;
  box-shadow: 0px 17px 99px -7px rgba(243,64,121,0.51);
}

button:active{
  transform: scale(0.9);
}