style.css~

/* my css ^w^ */
body{
    background-image: url('images/pastelbackground.png');
    font-family: Helvetica, sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

     main{
	 max-width: 800px;
	 margin: 0 auto;
	 padding: 10px;
	 width: 100%;
	 box-sizing: border-box;
     }

     a{
         color: #ff00ff;
     }


a:hover {
    font-style:italic;
   }


h1 {
    color: white;
    -webkit-text-stroke-color: #ff00ff;
    -webkit-text-stroke-width: 1px;
}

h1 a{
    color: white;
    -webkit-text-stroke-color: #ff00ff;
    -webkit-text-stroke-width: 1px;
    text-decoration: none;
}

h1 a:hover{
    -webkit-text-stroke: transparent;
    color: #ff00ff;
}

    h2{
	color: grey;
    }

#nav {
    margin: auto 0 auto auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

header {
    /*border-image: linear-gradient(
        90deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    ) 30;*/
    min-height: 50px;
    display: flex;
    box-sizing: border-box;
    /*border-bottom: 10px solid;*/
}

header a{
    padding: 5px;
    }

main img{
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }