49 lines
1.0 KiB
CSS
49 lines
1.0 KiB
CSS
|
@import url('https://fonts.googleapis.com/css?family=Montserrat');
|
||
|
|
|
||
|
|
/* * {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
font-family: 'Montserrat', sans-serif;
|
||
|
|
background-color: #000;
|
||
|
|
color: #eee;
|
||
|
|
} */
|
||
|
|
.type-container {
|
||
|
|
/* height: 100vh; */
|
||
|
|
display: flex;
|
||
|
|
justify-content: start;
|
||
|
|
align-items: flex-start;
|
||
|
|
background-color: black;
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
.type-container p {
|
||
|
|
/* font-size: 3rem; */
|
||
|
|
/* padding: 0.5rem; */
|
||
|
|
font-weight: bold;
|
||
|
|
letter-spacing: 0.1rem;
|
||
|
|
text-align: start;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.type-container p span.typed-text {
|
||
|
|
font-weight: normal;
|
||
|
|
color: #dd7732;
|
||
|
|
}
|
||
|
|
.type-container p span.cursor {
|
||
|
|
display: inline-block;
|
||
|
|
background-color: #ccc;
|
||
|
|
margin-left: 0.1rem;
|
||
|
|
width: 3px;
|
||
|
|
animation: blink 1s infinite;
|
||
|
|
}
|
||
|
|
.container p span.cursor.typing {
|
||
|
|
animation: none;
|
||
|
|
}
|
||
|
|
@keyframes blink {
|
||
|
|
0% { background-color: #ccc; }
|
||
|
|
49% { background-color: #ccc; }
|
||
|
|
50% { background-color: transparent; }
|
||
|
|
99% { background-color: transparent; }
|
||
|
|
100% { background-color: #ccc; }
|
||
|
|
}
|