@font-face {
    font-family: unifrank;
    src: url(fonts/UnifrakturMaguntia.ttf);
}

html body{
    margin: 0;
    padding:0%;
    width: 100%;
    height: 100%;
    cursor: url(cursor/cursor.png), auto 
}
html{
  background-image: url(img/bg.jpg);
  background-size: cover;
  cursor: url(cursor/cursor.png), auto 
  
}

a{
    cursor: url(cursor/select.png), auto;
}

a:link{
    color: black;
}

a:visited{
    color: black;
}

a:hover{
    color: #960A0A;
}

.imgwrap{
    position: absolute;
}

.imgwrap:hover{
    opacity: 0.7;
}

.imgwrap img{
    width:100%;
    display:block;
}

.imgwrap .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.img{
    position:absolute;
    object-fit:contain;
    user-select:none;
}

.img1{
    left:23.21%;
    top:24.56%;
    width:23.01%;
}

.img2{
    left:46.11%;
    top:28%;
    width:23.33%;
}

.img3{
    left:71.64%;
    top:34.72%;
    width:27%;
}

.img4{
    left:19.66%;
    top:58.35%;
    width:24.25%;
}

.img5{
    left:1.91%;
    top:23%;
    width:18.64%;
}

.img6{
    left:73%;
    top:.5%;
    width:20%;
    transform:scaleX(-1);
}

.img7{
    left:5%;
    top:2%;
    width:12.66%;
    transform:rotate(11.906deg);
}

.img8{
    left:76.16%;
    top:71.48%;
    width:17.53%;
}

.img9{
    left:45.22%;
    top:87.06%;
    width:25.13%;
}

/* ---------------- Text ---------------- */

.logo{
    position:absolute;

    left:27%;
    top:7.34%;

    width:39.48%;

    margin:0;

    font-family:"unifrank";
    font-size:clamp(3rem,14vw,9.7rem);
    line-height:1;

    color:#960A0A;

    white-space:nowrap;
}