style.css

/* my css ^w^ */

body{
    /*background-image: url('images/pastelbackground.png');*/
    font-family: "Helvetica", sans-serif;
    margin: 0 auto;
    padding:20px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width:720px;
    overflow-wrap: break-word;
    background-color: #fffde0;
}

main{
    max-width: 800px;
    line-height: 1.6;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    /*margin-top:5px;*/
    /*background-color: #fffde0;*/
    line-height:1.6;
}

     a{
         color: #ff00ff;
	 text-decoration:none;
     }


a:hover {
    text-decoration:underline;
   }


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;
}

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

header {
    min-height: 50px;
    display: flex;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(255,189,200,1) 0%, rgba(246,255,175,1) 12%, rgba(205,255,167,1) 25%, rgba(195,241,255,1) 50%, rgba(241,202,245,1) 69%, rgba(252,206,242,1) 91%); 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;
    padding-left: 10px;
    padding-right: 10px;
}

header a{
    padding: 5px;
    }