@font-face {
    font-family: 'open-bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'open';
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'aleo';
    src: url('../fonts/Aleo-Regular.otf');
}
#heading{
	position:absolute;
	font-size:22px;
	top:33px;
	left:35px;
	color:black;
	display:inline;
	margin:0;
	font-family:aleo;
	padding-left:16px;
	margin:auto;
	/*-webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;*/
}

#reddit-icon{
	position:absolute;
	width:49px;
	height:68px;
	left:0px;
	top:0px;
}

#heading:hover{
	font-size:22px;
	cursor: pointer;
}

p,#guessSub,h3{
	font-family:open;
	font-size:14px;
}

#guessSub{
	font-size:18px;
	display:inline;
}

#info{
	width:15px;
	height:15px;
}

body{
		margin:0;
}


#streak,#HS{
	color:#6fa4d5;
	font-size:14px;
	display:inline;
	z-index:4;
	right:0px;
	float:right;
	width:100px;
}

#HS{
	position:absolute;
	right:15px;
	top:20px;
}

#streak{
	margin-top:5px;
}

#topBar{
	position:fixed;
	height:60px;
	width:100%;
	background-color:#cee3f8;
	margin:0;
	border-bottom:2px solid #6fa4d5;
	/*box-shadow:1px 1px 1px 1px #A5A8AD;*/
}

p{
	width:92%;
	max-width:1100px;
}

#buttons{
	width:65%;
	padding:0;
	margin:0;
	border:0;
}

button{
	font-family:open;
    border: 3px solid #4FB7ED;
    color: black;
	background-color:white;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
	width:15%;
	border-radius:4px;
	min-width:100px;
}

button:hover{
	background-color: #4FB7ED;
	color:white;
}

#bitcoin, #ethereum{
	width:20px;
	height:20px;
}

#donoPara1,#donoPara2{
	display:inline;
}

#donate{
	position:fixed;
	bottom:0px;
	margin-left:2px;
	margin-right:0%;
	margin-bottom:16px;
	width:100%;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
	font-family:open;
    visibility: hidden;
    width: 250px;;
    background-color: #6fa4d5;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    right: -30px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

a{
	text-decoration:none;
	color:black;
}

body{
     background-color:white;
}