Абсолютно спозиционнированные элементы выпадают из общего потока, в вашем случае нужно изменить позиционирование в теге nav на relative:
nav { position: relative;
.
.
.
}
В вашем случае нужно добавить position: relative; для тега body, потому что у вас позиционирование должно быть относительно body:
body {
display: flex;
min-height: 100vh;
background-color: pink; position: relative;
}
