/* CSS files add styling rules to your content */
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}

[class*="col-"] {
  float: left;
  padding: 0px;
  border: medium solid transparent;
  box-sizing: border-box;
}



@font-face {
  font-family: 'Neue Haas Unica';
  src: url(https://cdn.glitch.com/6cecfcb6-678f-4815-b830-c88636ad47a2%2FNeueHaasUnica-Regular.ttf?v=1618210367187);
}

.title{
  font-family: narly, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 30px;
  line-height: 1.17em;
  margin-right: 0.5em;
  margin-bottom: 1em;
}

body {
  font-family: Neue Haas Unica;
  margin: 2em;
  font-weight: 350;
  font-size: 17px;
  line-height: 1.3em;
}

h1 {
  font-style: italic;
  color: #373fff;
}


.div1{
}

div:hover{
     z-index:8 !important;
   }

.bodytext{
  position: fixed;
  max-width: 25vw;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.img_wrap{
  position: relative;
  visibility: visible;
}

.img_description {
  position: absolute;
  padding:20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  color: #fff;
  visibility: hidden;
  opacity: 0;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img_wrap:hover .img_description {
  visibility: visible;
  opacity: 1;
}

div {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.mobiletext::after {
  content: "";
  clear: both;
  display: table;
}

.scroll {
        overflow: scroll;
        height: 100vh;
      }

::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.rotate {
  animation: rotation 12s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

body {
	cursor: url('https://cdn.glitch.com/6cecfcb6-678f-4815-b830-c88636ad47a2%2Fcursor-01-01.png?v=1618224713419'), default;
}


.img_wrap{
  position: relative;
  float: left;
}

.img_wrap .image-hover{
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.img_wrap:hover .image-hover {
  display: block;
}


.longtext{
display: none;
}

.mobiletext:hover .longtext {
  display: block;
}




.mobil{
  margin: 5vw;
}

#text {display: none;}