/* ---- reset ---- */

@font-face {
  font-family: futura_medium_bt;
  src: url(fonts/futura_medium_bt.ttf);
}
@font-face {
  font-family: futura;
  src: url(fonts/futura.ttf);
}

body {
  margin: 0;
}

canvas {
  display: block;
  /*vertical-align: bottom;*/
}
/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  text-align: center;
}

/* ---- inner container ---- */

#inner-div {
  border-radius: 25px;
  width: 30%;
  height: 20%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-left: 1%;
  padding-right: 1%;
}

#heading {
  color: white; 
  font-family: futura_medium_bt; 
  font-size: 30px; 
  letter-spacing: 5px;
}

/* ---- SVG Social Media Icons ---- */

.ir {
  display: block;
  overflow: visible;
  padding: 0 0 100%;
  position: relative;
  height: 0;
  width: 100%;
}

.ir > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.soc {
  display: block;
  font-size: 0;
  list-style: none;
  margin: 0 auto;
  text-align: center;
  width: 80%;
  padding-left: 0;
}
.soc li {
  display: inline-block;
  margin: 1rem;
}
.soc a, .soc svg {
  display: block;
}

.soc a {
  height: 3rem;
  width: 3rem;
}

.icon-32:hover, .icon-31:hover, .icon-30:hover, .icon-29:hover, .icon-28:hover, .icon-27:hover, .icon-26:hover, .icon-25:hover, .icon-24:hover, .icon-23:hover, .icon-22:hover, .icon-21:hover, .icon-20:hover, .icon-19:hover, .icon-18:hover, .icon-17:hover, .icon-16:hover, .icon-15:hover, .icon-14:hover, .icon-13:hover, .icon-12:hover, .icon-11:hover, .icon-10:hover, .icon-9:hover, .icon-8:hover, .icon-7:hover, .icon-6:hover, .icon-5:hover, .icon-4:hover, .icon-3:hover, .icon-2:hover, .icon-1:hover {
  border-radius: 100%;
  fill: #0e1a25;
  transform: scale(1.25);
  transition: background-color 0.5s, transform 0.5s ease-out;
}

.icon-15, .icon-17{
  fill:white;
}
.icon-15:hover, .icon-17:hover {
  background: orange;
}