---
---

@import 'jekyll-theme-hacker';

.btn-meetup {
  background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 50%, rgba(241,89,58,1) 100%);
}

.btn-meetup:hover {
  background: -webkit-linear-gradient(top, rgba(248,80,11,1) 0%, rgba(248,80,50,1) 100%);
}

.btn-meetup .icon {
  opacity: 1.0;
  background: url("/assets/images/meetup.png") 0 0 no-repeat;
}

.btn-twitter {
  background: -webkit-linear-gradient(top, rgba(105,255,255,1) 0%, rgba(1,68,159,1) 100%);
}

.btn-twitter:hover {
  background: -webkit-linear-gradient(top, rgba(1,68,159,1) 0%, rgba(105,255,255,1) 100%);
}

.btn-twitter .icon {
  opacity: 1.0;
  background: url("/assets/images/twitter.png") 0 0 no-repeat;
}

.btn-mastodon {
  background: -webkit-linear-gradient(top, #6362fd 0%, #573cce 100%);
}

.btn-mastodon:hover {
  background: -webkit-linear-gradient(top, #573cce 0%, #6362fd 100%);
}

.btn-mastodon .icon {
  opacity: 1.0;
  background: url("/assets/images/mastodon.png") 0 0 no-repeat;
}

section#profiles {
  text-align: center;
}

nav.posts {
font-size: 0.7em;
display: block;
width: auto;
overflow: hidden;
}

nav.posts a {
display: block;
width: 50%;
float: left;
margin: 1em 0;
}

nav.posts a:link {
  text-decoration: none;
}

nav.posts .next {
text-align: right;
}

footer {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  border-top: 1px dashed #b5e853;
  padding: 20px 0;
  margin: 40px 0 0 0;
  text-align: center;
}

.events {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr) ) ;
}

.events .entry {
  transition: background-color 1s ease;
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 0.8em;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.events .entry:hover,
.events .entry:focus,
.events .entry:active {
    animation: pulse 1s;
    background-color: #666;
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #b5e853;
    cursor: pointer;
}

.events .entry .metadata {
  font-size: 0.7em;
  text-align: center;
  color: white;
}
