@import url('/css/flicker.css');
body{
filter: grayscale(10%) sepia(35%) hue-rotate(35deg);
background: #000 url(/graphics/myspace/codebg.gif);
background-size: cover;
background-repeat: repeat;
background-attachment:fixed;
color:#F6F6F6;
font-size: 12px;
line-height:19px;
display: flex;flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #181618; 
}
::-webkit-scrollbar-thumb {
background: #3f5165; 
}
::-webkit-scrollbar-thumb:hover {
background: #606e7e; 
}
p{
font-family: courier;
font-size:12px; 
color:#fff;
animation: textShadow 1.6s infinite;
}
a{
font-family: courier;
font-size:12px;
color:#FFF;
font-weight:bold;
text-decoration:none;
animation: textShadow 1.6s infinite;
}
h1{
font-family:courier;
animation: textShadow 1.6s infinite;
font-size:14px;
color:#FFF;
}

table,th,td{
font-family:courier;
}
#TEMPLATE-LAYOUT {
width:765px;
position:absolute;
top:65px;
}
.icons {
width:100%;
height:20px;
padding:1px;
position: relative;            
}

.columns {
display:flex;
}
.left-container {
width:350px;
height:auto;
position:absolute;
left:30px;
}
.middle-container{
width:400px;
height:auto;
position:absolute;
left:410px;
}
.right-container {
width:350px;
height:auto;
position:absolute;
left:900px;
}


/*/ Bits /*/
.icon-card {
border: none;
width: 310px;
height: 323px;
position: relative;
left: 56px;
margin-bottom: 13px;
margin-top: 89px;
}
.sticky{
position:fixed;
top: 65px;
margin-right: 959px;
}  
.elsewhere-button {
padding:15px;
}