::selection {
  background: #cccccc; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #cccccc; /* Gecko Browsers */
}

@font-face{ 
	font-family: 'BikoBold';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     url('biko_bold-webfont.woff') format('woff');
	     font-display: fallback;
	     
}
        
@font-face{ 
	font-family: 'BikoRegular';
	src: url('WebFont.eot');
	src: url('WebFont.eot?#iefix') format('embedded-opentype'),
	     url('biko_regular-webfont.woff') format('woff');
	     font-display: fallback;
}
        
    h1{
        font-family: "BikoBold", sans-serif;
        font-size:122px;
        color:#333;
        padding:0 7%;
        bottom:0;
        right:0;
        position: absolute;
        margin:0 auto;
    }
    a{
	   color:#999;
	   letter-spacing: 1px; 
    }
    a:hover{
	   color:#333; 
    }
    span.dot{
        color:#999;
        
    }
    .dir{
        color:#999;
    }
    
    .skills{
        position:absolute;
        top:50px;
        left:100px;
        color:#333;
        margin:0 auto;
        width: 520px;
    }
    
    .skills p{
        font-size:28px;
        font-family: "BikoRegular", sans-serif;
        line-height: 58px;
    }
    
    .logo{
	    cursor:default;
    }
    
    .logo h1{
	    cursor:default;
    }
        
        
	@media screen and (max-width:460px){
		h1{
	        font-size:60px;
	        padding:0 7%;
	        transform: rotate(-270deg);
			bottom: 140px;
			right: 100px;
    	}
    	.skills p{
	        font-size:18px;
	        font-family: "BikoRegular", sans-serif;
	        line-height: 38px;
    	}
	}
	
	@media screen and (max-width:812px){
		h1{
	        font-size:60px;
	        padding:0 7%;
    	}
    	.skills p{
	        font-size:18px;
	        font-family: "BikoRegular", sans-serif;
	        line-height: 38px;
    	}
	}