epicnewtabpage.css

body {
  font-size:10px; 
  font-family: sourcecodepro; 
  color:#C8C8C8; 
  background-color: #121212; 
  height: 100%; 
  background-position:center center; 
  background-attachment: fixed; 
  background-repeat: no-repeat; 
  background-size: cover;
  scrollbar-color: #202020 #121212;
  scrollbar-width: thin;
}
/* slightly transparent fallback */

.leftbox{float: left;
  width: 49%;
  position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height:120px;
    line-height:15px;
}
#txt {
    color: #e8e8e8;
    float: left;
    width: 49%;
    font-size: 24px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left:12%;
    height:120px;
    line-height:15px;
}
.SiteSearch input {
  font-size:10px; 
  border-left:0px; 
  border-right:0px;
  border-top:0px; 
  margin: 8px; 
  width: 50%; 
  /*border-radius:15px;*/ 
  background-color:#121212; 
  color:#C8C8C8; 
  padding:8px 15px; 
  font-family:sourcecodepro; 
  opacity: 0.6;
}
.SiteSearch input:hover {
  font-size:10px; 
  border-left:0px; 
  border-right:0px;
  border-top:0px; 
  margin: 8px; 
  width: 50%; 
  /*border-radius:15px;*/ 
  background-color:#141414; 
  color:#C8C8C8; 
  padding:8px 15px; 
  font-family:sourcecodepro; 
  opacity: 0.9;
}

.row{float: left;
  width: 35%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 30px;
  height:200px;
  line-height:15px;
  background-color: #121212;
  text-overflow: ellipsis;
  
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: auto;

 -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(20px);
}
.row::before{
	content: '';
	float: left;
  	width: 35%;
  	position: absolute;
  	margin: auto;
  	top: 0;
  	bottom: 0;
  	right: 30px;
  	height:200px;
  	opacity: 0.6;
  	text-overflow: ellipsis;
  	/* Required for text-overflow to do anything */
  	white-space: nowrap;
  	overflow: show;
  	z-index: -1;
  	
}
.column{float:left; margin: 5px;}
.procrastination{margin: 5px;}
a:link {color:#C8C8C8;}
a:visited {color:#C8C8C8;}
a:hover{color: #C8C8C8;}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@font-face {
  font-family: 'sourcecodepro';
  src: url('SourceCodePro-Regular.ttf')  format('truetype');
}