.ws-container {
	margin-top: 28vh;
	color: #282828;
	margin-bottom: auto;
}

.ic-20 {
	font-size: 20px; 
	margin-right: 4px;
}

.ws-links a{
	color: #4a4a4a;
	margin-right: 10px;
}



@media (max-width: 600px) {
   .ws-container { 
       margin-top: 23vh;
   }
}


.typewriter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top:5vh;
}

.typewriter span {
    color: #282828;
    /*text-transform: uppercase;*/
    padding: 10px;
    border-right: solid #282828 10px; 
    animation: cursor 1s ease-in-out infinite;
}

@keyframes cursor {
    from { border-color: var(--text-color); }
    to { border-color: transparent; }
}


@media (max-width: 768px) {
    .typewriter { font-size: 36px; }
}

@media (max-width: 600px) {
    .typewriter { font-size: 20px; }
    
    .typewriter span {
    color: #282828;
    /*text-transform: uppercase;*/
    padding: 6px;
    border-right: solid #282828 10px; 
    animation: cursor 1s ease-in-out infinite;
}
}