* {
  box_sizing: border-box
}
body {
  padding: 0;
  margin: 0;
  height: 2300px;
  background: url('https://images.unsplash.com/photo-1623550094745-6e0e200e828a?q=80&w=1980&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
  background-size: cover;
}
.button-class {
  background-color: #ADD8E6;
  border: none;
  color: black;
  padding: 7px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}
.button-class:hover {
  background-color: #82B4C4;
}
.flex-div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height:2050px;
  padding: 50px;
}
.center-div {
  width: 65%;
  background: rgba(10,10,10,0.3);
  height: 2200px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  backdrop-filter: blur(5px);
}
.link-div {
  background: rgba(0,0,0,0);
  border-radius: 100px;
  height: 150px;
  width: 90%;
  padding: 25px;
  border-style: solid;
  display: flex;
  align-items: flex-start;
  position: relative;
  border-color: rgba(255,215,0,0.3);
  transition: 0.2s;
  color: black;
  text-decoration: none;
}
.link-div:hover {
  background: rgba(255,215,0,0.3);
  color: white;
}
.billede {
  height: 100px;
  width: 100px;
}
.billede-div {
  height: 150px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clicker-div {
  height: 100%
  width: 100%
}
.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  border-radius: 100px;
}
h1.h1class {
  font-size: 30;
  line-height: 0.8;
}
h2.h2class {
  font-size: 20;
  line-height: 0;
}