#wrapper
	background: #F7F7F7

	.tournament-card
		background: #fff
		box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11)

		.card-title
			background-color: $dark-prim
			padding: 2rem

			h1
				color: #fff
				text-align: center
				font-size: 1.2rem

		.container
			padding: 3rem 2.5rem 3rem
            background-color: red


		.options
			color: $grey
			margin-bottom: 1.5rem


		button
			cursor: pointer
			font-size: 1.2rem
			color: $prim
			border-radius: 4rem
			display: block
			width: 100%
			background: transparent
			border: 2px solid $prim
			padding: 0.9rem 0 1.1rem
			transition: color .5s, border-color .5s
			margin-top: 3rem

			&:hover, &:focus
                background: $dark-prim
                color: white

			&:active
				transform: translateY(1px)