@charset "utf-8";

body {   
	background: white;
  }

.links {
	margin:1% auto;
	width:300px;
	text-align: center;
}
   
.links a {
	font: 12px Courier, Helvetica, Arial, sans-serif;
	color: #333;
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
    padding: 5px;
}

.links a:hover {
	color:#1b76ff;
}

#container {
  position: relative;
  width: 700px;
  margin: 24% auto;
  font-family: "Archivo Black";
}

#original {
  font-size: 5em;
  letter-spacing:.3em;
  color: #fff;
  transform: skewX(6deg);
  margin: 0 auto;
}

#original::after {
  content:"DOINWORK";
  position: absolute;
  top: 9px;
  left: 26px;
  color: #bbb;
  z-index: -1;
  transform: rotateX(-46deg) skewX(-38deg);
}

#original a {
	color: #333;
	text-decoration:none;
	border-bottom: 3px solid;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
}

#original a:hover {
	color:#1b76ff;
}


/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 480px) {
	
	.links a {
		font-size: 18px;
	  }
	  
	  
	  #container {
  position: relative;
  width: 250px;
  margin: 0 auto;
  top: 100px;
  font-family: "Archivo Black";
}

#original {
  font-size: 2em;
  letter-spacing:.1em;
  color: #fff;
  transform: skewX(6deg);
  margin: 0 auto;
}

#original::after {
  content:"DOINWORK";
  position: absolute;
  top: 3px;
  left: 10px;
  color: #bbb;
  z-index: -1;
  transform: rotateX(-46deg) skewX(-38deg);
}
	  

}