styles.css

* {
    box-sizing: border-box;
  }


.fixed {
    background-color:rgb(231, 183, 231);
    top: 10px;
    width: 100%;
    max-width: 500px;
    position: fixed;
    z-index: 1;
    padding-left: 20px;
}

.fixed-head {
    background-color: grey;
}

body {
    width: 500px;
    top: 200px;
    font-family:Tahoma;
    font-size: 15px;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

h1 {
    font-family: Brush Script MT;
    font-size: 40px;
}

h1, h2, h3 {
    color: purple;
}


.menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding:10px;
    max-width: 700px;
}

a {
    text-decoration: none;
    color: purple;
}

.pink-box {
    background-color: rgb(231, 183, 231);
    padding: 1px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.content-pink {
    position: relative;
    top: 300px;
}

.pink-box-text {
    margin: 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}