html, body {
    height: 100vh 100%;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    /*background: linear-gradient(to right, #ffde59, #ff914d);
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    background: linear-gradient(-45deg, #ffde59, #ff914d, #ffde59, #ff914d);
    background-size: 1000% 1000%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	} 50% {
		background-position: 100% 50%;
	} 100% {
		background-position: 0% 50%;
	}
}

/* CV and GitHub container */
.container {
    display: grid;
    grid-template-rows: repeat(1, 1fr); /* Adjust the number of rows as needed */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
    align-items: center;
    width: 90%;
    height: 60%;
    background: linear-gradient(-45deg, #004AAD, #CB6CE6, #004AAD, #CB6CE6);
    background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    border-radius: 0 70px 0 70px;
    margin-bottom: 2%;
}
  
.container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .container {
        width: 90%;
    }
}

/* Name and Title */
.header {
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 70%;
}

.header-title {
    font-size: 46px;
    color: #004AAD;
}

.header-subtitle {
    font-size: 22px;
    color: #004AAD;
}

.text-area {
    font-size: 18px;
    color: #004AAD;
    text-align: left;
    line-height: 2;
}

a {
    text-decoration: none;
    color: #004AAD;
}