@import url(https://fonts.googleapis.com/css?family=Montserrat); 


#tmw {
 background-color: azure;
 font-family: "Montserrat" , helvetica;
 /*display: none; */
 animation: toggle 5s forwards ease-in-out;
}

#tm{ 
 animation-name: the;
 animation-duration: 5s;
 animation-iteration-count: infinite;
 animation-delay: 3s;
 background: radial-gradient(yellowgreen, lightseagreen, lightgreen);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-size: 3em;
 text-align:center; 
}

h2 {
 text-align:center;
 line-height: 50px;
 padding: 20px;
 font-size: 2em;
 color: lightseagreen;
 background: radial-gradient(yellowgreen, lightseagreen, lightgreen);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 letter-spacing: 10px; 
 background: linear-gradient hsl(hue);
}

h2:hover {
    letter-spacing: 1em;
    cursor: pointer;
}



.web {
    letter-spacing: none;
}
h3 {
 animation: new 3s forwards;
 color: grey;
 font-size: 1.5em;
} 

span {
 color: transparent;
 animation: green;
 animation-delay: 5s;
 animation-fill-mode: forwards;
 font-weight: 300;
}

@keyframes the {
33%{ background: radial-gradient(yellowgreen, lightseagreen, lightgreen);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 }
 
66% { background: linear-gradient(yellowgreen, lightseagreen, lightgreen);
-webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 }
 
100% { background: conic-gradient(yellowgreen, lightseagreen, lightgreen);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 20px lightgreen;
 }
}

@keyframes new {
 from { margin: 0; color: white; font-size: 1rem; }
 to { margin-left: 45%; color:green; }
}

@keyframes green {
 from { color: transparent; }
 to { color: green; text-shadow: 0 0 8px green; }
}

@keyframes toggle {
 to { background-color: black;
 
 }
} 
#foo {
 height: 100px;
 text-align: center;
 margin-bottom:50%;
 visibility: hidden;
}

.btn {
 width: auto;
 height: auto;
 padding: 22px;
 overflow: hidden;
 background-color: lightseagreen;
 border: 2px solid lightgreen;
 letter-spacing: 8px;
 font-weight: bold;
 font-size: 1.3em;
 margin: 5px;
 outline: 5px;
}
