body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent background from overflowing content */
    position: relative;
    height: 100vh; /* Set the body height to viewport height */
}

body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cdnb.artstation.com/p/assets/images/images/006/897/659/large/mikael-gustafsson-wallpaper-mikael-gustafsson.jpg');
    background-size: cover;
    background-position: center;
    filter: blur(4px) saturate(100%) brightness(50%);
    z-index: -1;
}

/* Other styles remain unchanged */


header {
    text-align: center;
    color: #ffffff;
    padding: 1rem;
    box-sizing: border-box;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    max-width: 10%; /* Adjust the size as needed */
    max-height: 10%;
	width: auto;
	height: auto;
    border-radius: 50%; /* Make it round */
    margin-right: 10px; /* Add spacing between logo and title */
}


.content {
    text-align: center;
    padding: 2rem;
    box-sizing: border-box;
    color:#fff
}

.my-projects-button {
    padding: 0.5rem 1rem;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    margin-top: 1rem;
    display: inline-block;
}

.PDF-tools-button {
    padding: 0.5rem 1rem;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    margin-top: 1rem;
    display: inline-block;
}

.IT-tools-button {
    padding: 0.5rem 1rem;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    margin-top: 1rem;
    display: inline-block;
}

footer {
    text-align: center;
    color: #fff;
    padding: 1rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.social-buttons {
    margin-top: 1rem;
}

.social-buttons a {
    margin: 0 10px;
    color: #fff;
    text-decoration: none;
}

.social-buttons a:hover {
    text-decoration: underline;
}