/*	
 * author:		nolanz2
 * date:		3/31/2019  
 * license:	for-education-only
 * desc:		css-for-html
 * 
 */

:root
{	/* custom-variables */
	/*
	--placeholder-color:			#303030;
	--bg-color:								#A0A0A0;
	--global-font-color:			#303030;
	--global-link-color:			#303030;
	*/
	--placeholder-color:			black;
	--bg-color:								black;
	--global-font-color:			black;
	--global-link-color:			black;
	
	
}

::-webkit-scrollbar 
{	/* hide-scrollbar */
	display: 							none;
}

body
{	
/* customize-body */
	/*background: url("../img/bg/bg.jpg") no-repeat center center fixed;*/
	background: no-repeat center center fixed;	
	margin: 							0 0 0 0;
	padding: 							0 0 0 0;
	background-color:			rgb(53, 53, 53);
	color:								var(--global-font-color);
	text-align: 					center;
	font-family: 					"Karla";/*"Roboto Condensed", sans-serif;*/

	

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*Display settings for clock*/
#main {
	text-align:center;
    background-size: cover;
    background-position: center;
    
    width: 400px;
    height: 90px;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	padding-bottom: 30px;
    font-size: 90px;
    text-shadow: black 1px 1px 10px;
    color: white;
	
	border-bottom: 2px solid;
    
}
#top-distance
{
	margin-top: 10%
}

#clock 
{
	float:center;
	font-family: 					"Karla";
}
#search
{	/* search-container */

	width: 								50vw;
	margin-top: 					3%;
	text-align:center;
    height:60px;
    line-height:60px;
    transform:translate(50%);
    background:rgb(53, 53, 53);
    border-radius:30px;
	
}

#searchText
{	/* text-box-for-search */

	width: 								100%;
    background:none;
	text-align:center;
    height:60px;
    line-height:60px;
    position:relative;
    width:90%;
    margin:0 10px;
    padding:0;
    font-size:1.5em;
    color:white;
    border:none;
    font-family: "Karla";/*"Roboto Condensed", sans-serif;*/
    outline:none;
}


.body--home, 
.site-wrapper--home {
    background-color: #333333 !important;
}


.ico
{
	
	margin-top: 5%;
	margin-left: 1%;
    margin-right: 1%;
	display: inline-block;
	width: 57px;
	height: 57px;
	transition: transform .4s ease-in-out, box-shadow 1s ease-in-out;
	box-shadow: 1px 1px 5px black;
}
.ico:hover
{
	transition: transform .4s ease-in-out, box-shadow 1s ease-in-out;
	transform: scale(1.2);
	box-shadow: 1px 1px 5px black;
}


/*Shortcut icon display*/
#reddit
{
	
	background: url("../img/ico/reddit.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#nineAnime
{
	background: url("../img/ico/9anime.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wonderfulSubs
{
	background: url("../img/ico/wonderfulSubs.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#youtube
{
	background: url("../img/ico/youtube.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*============================================================================*/
/* 																	EOF 																			*/
/*============================================================================*/