@import "../../styles/variables";

.event-page {
	width: 100%;
	height: 100%;
	margin: auto;
	background: -webkit-linear-gradient(top, #fff, $color-mint); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	background: -moz-linear-gradient(top, #fff, $color-mint); /* Firefox 3.6-15 */
	background: -o-linear-gradient(top,  #fff, $color-mint); /* Opera 11.1-12 */
	background: linear-gradient(to bottom,  #fff, $color-mint);

	&__content {
		max-width: 1000px;
		position: relative;
		margin: auto;
		padding: 2rem;
		border-left: 1px solid $color-mint;
		border-right: 1px solid $color-mint;
		background-color: #eee;
		padding-bottom: 3%;
    }

    &__container{
		display: flex;
		flex-direction:column;
		width: 50%;
		// flex-wrap: wrap;
        // display: grid;
        // margin: auto;  
        // grid-template-columns: 1fr 1fr; 
        // width: 100%;
    }
    
    &__title{
		color: $color-blue;
		font-size: 3rem;
		letter-spacing: 0.2;
		font-weight: 800;
		// text-shadow: 3px 3px 3px #000;
		margin-bottom: 3%;
	}
}

.event-buttons-conteiner{
    display: flex;
    flex-direction: row;
    justify-content: center;
	margin-bottom: 10px;
}

.event-button{
    width: 45%;
    background-color: $color-mint;
    padding: 0.5rem;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
	font-size: 1.2rem;
	transition: 0.2s;
	// padding: 1rem 5rem;
	margin-bottom: 20px;
}
.event-button:first-child{
	margin-right: 10px;
}

.event-button:hover{
    outline: none;
    transform: translateY(-1px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    &:after {
        transform: scaleX(1.4) scaleY(1.6);
        opacity: 0;
    }
}