@font-face{
  font-family: "PoliceSite";
  src: url("images/police.ttf") format("truetype");
}

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

body{
font-family: "PoliceSite", Arial, sans-serif;
}

nav{
position:fixed;
top:0;
width:100%;
padding:20px;
background:white;
z-index:1000;
display:flex;
gap:30px;
}

nav a{
text-decoration:none;
color:black;
}

.hero{
  height: 100vh;
  width: 100%;
  background-image: url("images/hero.jpeg");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.hero h1{
  color: white;
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 2px;
  z-index: 2;
}

.hero::before{
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.25);
}

section{
padding:100px 10%;
max-width:1000px;
margin:auto;
}

h2{
margin-bottom:40px;
}