#let BackgroundColor = rgb("FBFBFB")
#let ButtonColor = rgb("B88FE0")
#let DarkButtonColor = rgb("6247AA")

#let BannerColor = rgb("121317")
#let TopBannerColor = rgb("121317")

#let font = { "Helvetica" }

#let titlefont = { "LibreCaslonDisplay" }

#show heading: set text(
  size: 18pt,
  weight: "extralight",
)

#let whiteline = line(length: 100%, stroke: white)


#let title(contenttext) = {
  rect(inset: 1pt, fill: BannerColor, move(
  dx: 4pt, dy: 4pt,
  rect(
    inset: 6pt,
    fill: white,
    stroke: ButtonColor,
    [#text(size: 16pt)[#contenttext]]
  )
))
}

#let sectionline(name) = {
  v(30pt)
  grid(columns: (1fr),
  row-gutter: (12pt),
  [#text(font: "Libre Caslon Text", fill: white, size: 15pt, weight: 500)[#name]],
  [#line(start: (-5pt, 0pt), stroke: (ButtonColor + 2.5pt), length: 25pt)],
  )
}



#let dot(color: black) = {
  return block(
    inset: (top: 2pt)
  )[#circle(width: 6pt, fill: ButtonColor)]
}

#let dot2(color: black) = {
  return block(
    inset: (top: 2pt)
  )[#line(start: (0pt,3pt), length: 10pt, stroke: white)]
}

#let grad() ={ 
  gradient.linear(ButtonColor,rgb("856FC3"),  angle: 180deg)
}

#let progress(Number)= {
  rect(width: 100%, height: 8pt, stroke: grad(),  fill: grad(), inset: 0pt)[
    #align(end)[#rect(width: (1%*(100-Number)), height: 8pt, fill: TopBannerColor)]
  ]
  
}


#let NameTitle() = {
  v(5pt)
  grid(
    columns: (1fr, 70pt),
    row-gutter: 5pt,
    [#text(size: 52pt, weight: 500, font: "Libre Caslon Text")[#align(start)[Samantha]]], 
    [#box(
      width: 100%+55pt,
      outset: (x: -30pt, top: 10pt, bottom: 10pt),
      fill: ButtonColor)[
        #text(size: 10pt)[#align(center)[CV | English]]]
    ],
    [#text(size: 24pt, weight: 500, font: "Libre Caslon Text")[#align(start)[Vero Friis]]],
  ) 
}