body {
	    max-width: 1000px;
	    margin: auto;
    	background-color: #9bd6e8; 
    	background-image:url(images/backgroundwallpaper.avif); 
	    background-size:cover; 
    	background-repeat:no-repeat;
    	overflow-x:hidden;
	}
	
	.wrapper {
	    width:100%;
	    max-width:100%;
	    overflow-x:hidden;
	}
	
	header {
	    height:250px; 
    	width:100%; 
    	background-image:url(images/mikufrutigercool.jpg);
    	background-size:cover; 
    	background-repeat:no-repeat;
    	background-position:center;
    	position:relative;
	}
	
	header h2 {
	    font-size: 28px;
	    color:#000000;
	    background-color: #6cfce2;
	    padding: 8px 12px;
	    display: inline-block;
	    border-radius: 6px;
	    box-shadow: 0 0 12px rgba(0,0,0,0.4);
	    text-align: center;
	}
	
	nav {
	    position: relative;
	    z-index: 9999;
	}
	
	nav a {
	    color: #000000;
	    text-decoration: none;
	    margin: 0 5px;
	    background-color: #6cfce2;
	    padding: 2px 2px;
	    display: inline-block;
	    border-radius: 6px;
	    box-shadow: 0 0 12px rgba(0,0,0,0.4);
	    text-align: center;
	}
	
	nav a:hover {
	    color: #ffffff;
	    background-color: #0d3a32;
	    box-shadow: 0 0 12px rgba(22,152,128,0.8);
        transform: scale(1.15);
	}
	
	nav a.selected {
	    color: #8e8e8e;
	    background-color: #166355;
	}
	
	main {
	    border: 2px solid blue;
	    display:flex;
	    align-items:flex-start;
	    gap:20px;
	    padding:20px;
	    box-sizing:border-box;
	}
	
	aside {
	    flex: 0 0 25%;
	    text-align:left; 
	    padding:14px;
	    box-sizing:border-box;
	}
	
	aside h2 {
	    margin:40px 0;
	}
	
	section {
	    flex:1;
	    min-width:0;
	    padding:14px;
	    box-sizing:border-box;
	}
	
	h1 { 
	    text-align:center;
	    text-decoration: underline;
	}
	
	h1 span {
	    color:#d61ea2;
	}
	
	h2 {
	    color:#202933;
	    text-align:center;
	}
	
	p {
	    color:#480a69;
	    font-size: 20px;
	}
	
	.intro-text {
	    color:#480a69;
	    font-size: 20px;
	    /* for my first intro paragraph */
	}
	
	#valheim-logo {
	    max-width:100vw;
	    height:auto;
	    display:block;
	    margin:0 auto;
	}
	
	.fun-text {
	    text-align:center;
	    font-weight:bold;
	    font-size:24px;
	    font-family:caveat;
	    color:#8c155f;
	    margin-top: 60px;
	    display:block;
	    /* for the text "its fun to be different" */
	}
	
	hr {
	    width:90%;
	    height:8px;
	    background-color:#6097dc;
	    border-radius:6px;
	}
	
	#future-goals-svg rect {
	    fill:#6097dc;
	    stroke:#1b3659;
	    stroke-width:5;
	    opacity:0.5;
	}
	
	footer {
	    background-color:#6097dc;
	    padding: 10px;
	}