
body {
  overflow: hidden;
  width: 100vw;
  height: 100dvh;
  margin: 0;
  background-color: #000;
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1);
}

.instrument-serif-regular {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.instrument-serif-regular-italic {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
}

#dvd {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  border-radius: 50px;
  height: 400px;

}

#hello {

 display: flex;
justify-content: center;
  align-items: center;
height: 100dvh;
width: 100vw;

}

#holden{
width: 100vw;
opacity: 100%;
}

.nav{
position: absolute;
pointer-events: auto;
text-align: center;
width: 100vw;
color: #fff;
z-index: 99;
bottom: 12%;
font-weight: bold;
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
font-size: 1.6em;

}

a{
color: #fff;
text-decoration: none;
}
        .container {
            position: absolute;
            overflow: hidden;
height: 100dvh;
width: 100vw;
        }

       
        .content {
            height: 100%;
width: 100%;
            display: grid;
            place-items: center;
            z-index: 5;
            position: relative;
        }

        .fuzzy-overlay {
            position: absolute;
            inset: -200%;
            background-image: url("../images/noise.png");
            opacity: 12%;
            z-index: 10;
            pointer-events: none;

            animation: shift 0.2s linear infinite both;
        }

        @keyframes shift {
            0% {
                transform: translateX(10%) translateY(10%);
            }

            100% {
                transform: translateX(-10%) translateY(-10%);
            }
        }

@media screen and (max-width: 760px) {
  .fuzzy-overlay {
    visibility: hidden;
}

@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance: none) {
   .fuzzy-overlay {
    visibility: hidden;
}

  }
}
