html {
    background-color: #333333;
    color: white;
    width: 100%;
    border: 10px dotted fuchsia;
}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
@keyframes tracking-in-contract {0% { letter-spacing: 2em; opacity: 0; } 40% { opacity: 0.6; } 100% { letter-spacing: normal; opacity: 1; } }

@keyframes rgb-color {
    0% {
	color: white;
    }/*
    25% {
	color: red;
    }*/
    50% {
	color: green;
    }
    /*75% {
	color: blue;
    }*/
    100% {
	color: white;
    }
}

h1 {
    margin-top: 5vh;
    font-family: 'Courier New', Courier, monospace;
    font-size: 5rem;
    white-space: nowrap;
    animation: tracking-in-contract 5.0s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 normal both, rgb-color 2.5s 7.0s linear 1;
}

body {
    margin: 0;
    width: 100%;
    border: 10px dotted red;
}

header {
    display: flex;
    justify-content: center;
    height: 20vh;
    background-color: darkblue;
}

.tracking-in-contract-normal { 
    animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 normal both; 
}

#projects {
    background-color: lime;
    border-radius: 20px;
    padding: 40px;
    font-size: 2rem;
    margin: 20px;
    
    color: white;
}