/*!
 * Start Bootstrap - Business Frontpage (https://startbootstrap.com/templates/business-frontpage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-business-frontpage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
  font-family:Verdana,sans-serif;
}

.btn{
  border:none;
  background-color: red;
  color: white !important
}
.btn:link{
  border:none;
  background-color: red;
  color: white
}
.btn:hover{
  border:none;
  background-color: black;
  color:red
}

.btn:active{
  background-color:red !important;
  outline: none !important;
  border: none !important
}


.btn-primary:active{
    background-color:red !important;
    outline: none !important;
    border: none !important
}


.btn:focus, .btn:active:focus, .btn.active:focus {
  background-color:red !important; 
  outline: none !important;
  border: none !important
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
  background-color:red !important;
  outline: none !important;
  border: none !important
}


.bg-primary{

  background-color: rgb(70, 70, 70) !important;
  background-image: url('../images/penguin_soldiers_banner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  }

  .centeritem {
    text-align: center;
}

a:link {
  color: rgb(0, 0, 0);
}

/* visited link */
a:visited {
  color: rgb(0, 0, 0);
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: red;
}

/* svg animations */

#breath {
  animation: breath 3s ease-in-out infinite;
  transform-origin: center;

}

@keyframes breath{
  0%{
      transform: scaleY(1);
  }
  50%{
      transform: scaleY(1.025);
  }
  100%{
      transform: scaleY(1);
  }
}

#graph {
  animation: graph 4s ease-in-out infinite;
  transform-origin: center;

}

@keyframes graph{
  0%{
      transform: scaleX(1);
  }
  50%{
      transform: scaleX(1.025);
  }
  100%{
      transform: scaleX(1);
  }
}

#moneysign {
  animation: graph 2s ease-in-out infinite;
  
  transform-box: fill-box;

}

@keyframes moneysign{
  0%{
      transform: skewX(0);
  }
  50%{
      transform: skewX(5);
  }
  100%{
      transform: skewX(0);
  }
}


#compgraph {
  animation: graph 3s ease-in-out infinite;
  transform-origin: center;

}

@keyframes compgraph{
  0%{
      transform: scale(1,1);
  }
  50%{
      transform: scale(1.05,1.05);
  }
  100%{
      transform: scale(1,1);
  }
}


#envelope1 {
  animation: graph 2s ease-in-out infinite;
  transform-origin: center;

}

@keyframes envelope1{
  0%{
      transform: scaleX(1);
  }
  50%{
      transform: scaleX(1.2);
  }
  100%{
      transform: scaleX(1);
  }
}

#envelope2 {
  animation: graph 3s ease-in-out infinite;
  
  transform-box: fill-box;

}

@keyframes envelope2{
  0%{
      transform: skewX(0);
  }
  50%{
      transform: skewX(5);
  }
  100%{
      transform: skewX(0);
  }
}

#smbox1 {
  animation: single_rotate 4s linear reverse infinite;
  transform-origin: center;
  transform-box: fill-box;

}

@keyframes single_rotate {
  100% {
      transform: rotate(360deg);
  }
}

#smbox2 {
  animation: single_rotate 6s linear reverse infinite;
  transform-origin: center;
  transform-box: fill-box;

}

@keyframes single_rotate {
  100% {
      transform: rotate(-360deg);
  }
}  

@font-face {
  font-family: 'Red October';
  src: url('../fonts/RedOctober.woff2') format('woff2'),
      url('../fonts/Red_October.ttf') format('truetype'),
      url('../fonts/RedOctober.woff') format('woff');

  font-weight: normal;
  font-style: normal;
  font-display: swap;

}


.october {
  font-family: 'Red October' !important;
  color: red;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.bg-counter{

  background-color: rgb(6, 231, 36) !important;
  outline: none !important; 
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline-width: 0px !important;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  

  }