@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
body{
    font-family: 'Questrial', sans-serif;
}

.img-responsive {
    max-width: 100%;
}

header {
    position: relative;
    box-shadow: 0px 5px 4px 0px rgb(63 63 63 / 27%);
    width: 100%;
    background-color: #fff;
}
aside {
    min-height: 100vh;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #C2185B;
}

.btn-primary{
    background-color: #C2185B;
    border-color: #C2185B;
}

main.login {
    width: 400px;
}

section.full{
    width: 100%;
    min-height: 80vh;
    padding: 50px 0;
}

article.evento {
    width: 350px;
}

footer nav ul{
    list-style: none;
    display: flex;
}

footer nav ul li  {
    padding: 10px;
}



#form {
    color: #fff;
    text-align: center;
    background-color: #aaa;
    position: fixed;
    top: 25%;
    right: 36%;
}

#submit-button{
    background-color: #C2185B;
    border: none;
    border-radius: 14%;
    color: #fff;
    padding: 3px 20px;
}
    




.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
article.evento{
    transition: 1s;
}


article.evento:hover {
    transform: translate3d(8px, -8px, 0);
    box-shadow: -5px 5px 5px 5px #00000075;
    transition: 0.5s;
}