@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap');

body {
    background-image: url("../img/attractive-backdrop-background-40.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #cccccc;
}

#welcome-message {
    margin-top: 30px;
}

#userNameHeadline {
    font-size: 3rem;
}

.information-message {
  margin: 20px auto;
  color: orangered;
  font-weight: bold;
}

.landing {
	vertical-align: middle;
}

/*
.cover-container {
    max-width: 42em;
} */

.compFinished {
    transform: rotate(-10deg);
  	/* Legacy vendor prefixes that you probably don't need... */
  	/* Safari */
  	-webkit-transform: rotate(-10deg);
  	/* Firefox */
  	-moz-transform: rotate(-10deg);
  	/* IE */
  	-ms-transform: rotate(-10deg);
  	/* Opera */
  	-o-transform: rotate(-10deg);
  	/* Internet Explorer */
  	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    margin-bottom: 20px;
    font-size: x-large;
    text-shadow:5px 5px 5px whitesmoke;
    font-family: 'Orbitron', sans-serif;
}

.card {
	-webkit-transition: background-color 2s ease;
  	-moz-transition: background-color 2s ease;
  	-o-transition: background-color 2s ease;
  	-ms-transition: background-color 2s ease;
  	transition: background-color 2s ease;
  	transition-duration: 2s;
    margin-top: 30px;
    margin-bottom: 30px;
    background: darkgray;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-title-accepted,
.card-text-accepted {
	color: whitesmoke;
}

.btn-toBettingGame:hover {
	color: black;
	border-color: black;
}

.btn-toBettingGame {
	color: whitesmoke;
	border-color: white;
	background-color: #369b0e;
}

.card-accepted {
	background: linear-gradient(to right bottom, #68d348, #369b0e);
}

.card-open {
	background: linear-gradient(to right bottom, #ff922f, #e05900);
}

.card-title-open,
.card-text-open {
	color: whitesmoke;
}

.card-requested {
	background: linear-gradient(to right bottom, #f2c000, #e88200);
}

.card-rejected {
	background: linear-gradient(to right bottom, #ff2f4c, #c10025);
}

.card-title-rejected,
.card-text-rejected,
.card-info-rejected {
	color: whitesmoke;
}

.card-title-requested,
.card-text-requested {
	color: whitesmoke;
}

.btn-participation-request:hover {
	color: black;
	border-color: black;
	background-color: #e05900;
}

.btn-participation-request {
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
  	transition-duration: 1s;
  	margin-top: -37px;
   color: whitesmoke;
   border-color: white;
   background-color: #e05900;
}

.btn-participation-request-disappear {
	opacity: 0;
	visibility: hidden;
}

.participation-requested-transition {
	-webkit-transition: all 2s ease;
  	-moz-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	-ms-transition: all 2s ease;
  	transition: all 2s ease;
  	transition-duration: 2s;
}

.participation-requested {
	border-radius: 5px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	opacity: 0;
	display: block;
	visibility: hidden;
}

.participation-requested-appear {
	opacity: 1;
	visibility: visible;
}

.btn-login .btn-register {
  margin: 0rem 1rem;
}

.cookiewarning {
    color: white;
	background-color: black;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
    z-index: 100;
}