@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Imprima');
@import url('https://fonts.googleapis.com/css?family=Contrail+One');

body {
	margin: 0px;
	padding: 0px;
  background-color: transparent;
  /*
  background-image: url("../assets/background.jpg");
  background-repeat: repeat-x, repeat-y;
  */
}

.spotifyOpener{
  position: absolute;
  width: 100%;
  height: 85%;
  background-color: transparent;
}

#tesmi{
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: red;
	
}
.likebox {
  position: fixed;  
  margin-left: 50px;
  margin-top: 15%;
  background-color: rgba(246,246,246,1);
  border-width: 4px;
  border-radius: 4px;

  width: 220px; /*20%;
  min-width: 200px;
  min-width: 200px;
  */
}

#turn{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-color:white;
	background-image:url('playportrait.png');
	background-repeat:no-repeat;
	background-position: center center;
	display:none;
}

/* Shittiii */
.container, .leaderboardContainer {
    position: absolute;
    background-color: rgba(19,19,19,0.9);
    margin-top: 50%;
    margin-left: 25%;
    border-style: solid;
    border-color: rgba(19,19,19,0.5);
    max-width: 1200px;
    max-width: 1;
    padding: 4em;
    border-radius: 25px;
}

.btn {
  font-size: 2.5em;
  display: inline-block;
  padding: 0.74em 1.5em;
  margin: 1em 0 0;
  color: black;
  border-width: 0 0 0 0;
  text-transform: uppercase;
  background-color: white;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  float:left;
  margin-left: 0.5em;
  border-radius: 4px;
  margin-bottom: 5px;
}
.btn:hover {
}
.btn.btn-submit {
  background-color: rgb(19,19,19);
  color: rgb(19,19,19);
}

.form-control{
  width: 68.1%;
}
form {

  align-items: center;
  justify-ent: center;
  font-family: 'Source Sans Pro', sans-serif;

  /*
  margin-top: 15.95%;
  max-width: 68.1%;
  margin-left: 15.95%;
  display: block;
  */
 /* font-family: 'ConduitITCStd'; */
}
form ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
form ul li {
  margin: 0 0 0.25em 0;
  clear: both;
  display: inline-block;
  width: 68.1%;
}
form ul li:last-child {
  margin: 0;
}
form ul li p {
  margin: 30;
  padding: 0;
 /* float: left;*/
}

form ul li p.right {
  margin: 0em 7em 0;
}
form ul li .divider {
  margin: 0.5em 0 0.5em 0;
  border: 0;
  height: 1px;
  width: 90%;
  display: block;
  background-color: #000000;
  /*background-image: linear-gradient(to right, #ee9cb4, #4f6fad);*/
}
form ul li .req {
  color: #ee9cb4;
}
form label {
  display: block;
  margin: 10 0 0.5em 0;
  color: rgb(236,236,236);
  font-size: 4em;/* 1em ; */
  padding-top: 1em;
  padding-bottom: 3px;
 /* font-family: 'ConduitITCStd'; */
  font-family: 'Source Sans Pro', sans-serif;

}
form input {
  margin: 0.5em 0 0.5em 0;
  border: 1px solid #ccc;
  padding: 6px 6px;
  color: rgb(19,19,19);
  font-size: 3em;
}
form textarea {
  border: 1px solid #ccc;
  padding: 6px 10px;
  width: 100%;
  color: #555;
}
form small {
  color: #4f6fad;
  margin: 0 0 0 0.5em;
}