@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Courier New', Courier, monospace;
    background-color: #ffffff;
    opacity: 0; /* Start with opacity set to 0 */
    animation: fade-in 4s forwards; /* Apply the fade-in animation */
}
@keyframes fade-in {
    from {
        opacity: 0; /* Start with 0 opacity */
    }
    to {
        opacity: 1; /* End with full opacity */
    }
}

.header {
    font-size: 500%;
    background-color: rgb(255, 255, 255);
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: 400;
}

#body {
    position: relative;
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	padding: 200px;
}

.about-me {
	place-items: center;
	display: grid;
	color: red;
	padding: 30px;
}