@import 'compass';
/*Text style*/
/*
h1 { font-family: 'Lato', sans-serif; text-transform: uppercase; text-align: center;font-weight: 200;}
span { font-weight: 600;}
*/
/*Pokemon logo style*/
.poke {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  position: relative;
  border-radius: 100%;
  background: #000;
  overflow: hidden;
}
.poke::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 45%;
  background-color: #ce0404; // Old browsers
@include filter-gradient(#ce0404, #a80200, horizontal); // IE6-9
@include background-image(linear-gradient(left, #ce0404 0%,#9b0303 44%,#a80200 100%));
}
.poke::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: 45%;
  background-color: #dbdbdb; // Old browsers
@include filter-gradient(#dbdbdb, #dad9db, horizontal); // IE6-9
@include background-image(linear-gradient(left, #dbdbdb 1%,#b2b2b2 100%,#dad9db 100%));
}
.button {
  box-sizing: border-box;
  background-color: #dbdbdb; // Old browsers
@include filter-gradient(#dbdbdb, #dad9db, horizontal); // IE6-9
@include background-image(linear-gradient(left, #dbdbdb 1%,#b2b2b2 100%,#dad9db 100%));
  width: 80px;
  height: 80px;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  border-radius: 100%;
  border: 16px solid #000;
}
.button::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  background-color: #dbdbdb; // Old browsers
@include filter-gradient(#dbdbdb, #dad9db, horizontal); // IE6-9
@include background-image(linear-gradient(left, #dbdbdb 1%,#b2b2b2 100%,#dad9db 100%));
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}

/*
body {
 background: url("https://hd.unsplash.com/photo-1470790376778-a9fbc86d70e2");
  background-size: cover;
}
.wrapper {
  background: rgba(255,255,255, 0.9);
  height: 400px;
}

*/