@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css");

body{
    font-family: 'Open Sans', sans-serif;
  }

@keyframes color{
    from {background-color: white;}
    to {background-color: #f30b0b;}
}

.page-wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.banner{
    max-width: 50%;
    display: flex;
    align-items: center;
}


nav{
    display: flex;
    justify-content: center;
    gap: 30px;
}

nav p:hover{
animation-name: color;
animation-duration: 1s;
animation-delay: 0.5s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
}

.social{
    display: flex;
    justify-content: right;
    gap: 20px;
}

.social img{
    border: solid;
    border-radius: 50%;
    border-style: none;
}
.page-content{
    flex: 1;
    display: flex;
}

.page-content h4{
    background-color: #f30b0b;
    color: white;
    width:fit-content;
}

.page-content h4::before{
    background: url("/img/card-suits-spades.png");
    background-repeat: no-repeat;
}

.inner-wrapper{
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    min-height: 50px;
}



.article1{
    gap: 20px;
}


.article2{
    max-width: 10%;
}

.article3{
    max-width: 45%;
}



.sidebar{
    display: flex;
    justify-content: right;
}

.newsletter{
border: solid;
}

.eventcalender{
    border: solid;
}

footer{
    background-color: #222222;
    display: flex;
}

footer h2{
    color: #f30b0b;
}

footer li{
    color: white;
}


footer p{
    color: white;
}