@font-face{
    font-family:circular;
    src: url('CircularStd-Bold.otf');
}

p {
    font-family: circular;
    font-size: 72px;
    line-height: 1.1;
    padding: 0.3em;
    margin: 0px;
    /* text-decoration: underline dotted;
    text-align: justify;
    text-justify: inter-word; */
}

p::selection {
   background: red;
   color: white;
}

P IMG {
  height: 0.8em;
}

.link > IMG {
  height: 0.8em;
}

.underline {
  text-decoration: underline;
}

.link-modal {
  transition: all ease-in-out 300ms;
  position: fixed;
  pointer-events: none;
  display: inline-block;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(255,255,255,0.5);
}

.link .link-modal-image {
  transform: scale(0.5);
  display: inline-block;
  height: 100vh;
  width: 100vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.link:hover .link-modal {
  opacity: 1;
}

.link:hover .link-modal-image {
  transform: scale(1);
}

.img_frame_0_0 #gdView { background-image: url(./assets/gd/gd0.png); }
.img_frame_0_1 #gdView { background-image: url(./assets/gd/gd1.png); }
.img_frame_0_2 #gdView { background-image: url(./assets/gd/gd2.png); }
.img_frame_0_3 #gdView { background-image: url(./assets/gd/gd3.png); }
.img_frame_0_4 #gdView { background-image: url(./assets/gd/gd4.png); }
.img_frame_0_5 #gdView { background-image: url(./assets/gd/gd5.png); }
.img_frame_0_5 #gdView { background-image: url(./assets/gd/gd6.png); }


.img_frame_1_0 #art { background-image: url(./assets/art/art0.png); }
.img_frame_1_1 #art { background-image: url(./assets/art/art1.png); }
.img_frame_1_2 #art { background-image: url(./assets/art/art2.png); }
.img_frame_1_3 #art { background-image: url(./assets/art/art3.png); }
.img_frame_1_4 #art { background-image: url(./assets/art/art4.png); }
.img_frame_1_5 #art { background-image: url(./assets/art/art5.png); }
.img_frame_1_6 #art { background-image: url(./assets/art/art6.png); }
.img_frame_1_7 #art { background-image: url(./assets/art/art7.png); }
.img_frame_1_8 #art { background-image: url(./assets/art/art8.png); }
.img_frame_1_9 #art { background-image: url(./assets/art/art9.png); }
.img_frame_1_10 #art { background-image: url(./assets/art/art10.png); }