@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

:root{
  --bg:#010A2D;
  --pink:#C01466;
  --cyan:#B0DEED;
  --white:#FEFEFE;
  --yellow:#FFC400;

  --page-max:1180px;
  --page-pad:40px;

  --debug-hotspots:rgba(255,0,0,.22);
  --debug-outline:1px solid red;
}

/* live/debug aus */
/*
:root{
  --debug-hotspots:transparent;
  --debug-outline:none;
}
*/

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  background:var(--bg);
  color:var(--white);
  font-family:'Ubuntu', sans-serif;
  overflow-x:hidden;
  word-break: break-word;
}

section{
  position:relative;
}

img{
  max-width: 100%;
}

h1,
h2{
  font-family: "UbuntuBold", sans-serif !important;
}

.page-container{
  max-width:var(--page-max);
  margin:0 auto;
  padding:0 var(--page-pad);
}

.pink{
  color:var(--pink);
}

.yellow{
  color:var(--yellow);
}

.cta{
  margin-top:70px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:220px;
  height:56px;
  border-radius:40px;
  background:var(--pink);
  color:white;
  text-decoration:none;
  font-weight:700;
}

.home-screen{
  min-height:100vh;
  background:var(--bg);
}

@media(max-width:900px){
  :root{
    --page-pad:28px;
  }
}