a:link {
    text-decoration: none;


}
h1 {
  font-family: "Courier";
  font-size: 40px; 
}

h3 {
  font-family: "Courier";
  font-size: 30px; 
   color: black;
}

.TV {
   float: left;
   margin: 10px;
   padding: 10px;
   max-width: 300px;
   height: 300px;
   border: 2px solid black;
}   
img{
	width:100%;
	padding: 0px
}
#content_1 {
	display: block;
}

#content_2 {
	display: none;
}

@media screen and (min-device-width:1024px) {	
	
	#content_1 {
		display: none;
	}

	#content_2 {
		display: block;
	}
body{
  background: #white;
  padding-top: 10px;
} 

p{
  color: black; 
  font-family: "Courier";
  font-size: 20px;
  margin: 10px 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  width: 40em;
  animation: type 4s steps(60, end); 
}
p:nth-child(2){
  animation: type2 8s steps(60, end);
}
p a{
  color: lime;
  text-decoration: none;
}

span{
  animation: blink 1s infinite;
}

@keyframes type{ 
  from { width: 0; } 
} 

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink{
  to{opacity: .0;}
}

::selection{
  background: black;
}