/*font*/
  @font-face {
    font-family: quando;
    src: url(fonts/Quando-Regular.ttf);
  }

  /*selection*/
  ::-moz-selection { /* Code for Firefox */

    background: none;
   text-decoration: underline 1px wavy black;
  }
  
  ::selection {

    background: none;
    text-decoration: underline 1px wavy black;
  }

a{
    /*color: #1a66ff;*/
        color: black;
    font-weight: bolder;
}

html{
    /*background-color:rgb(199, 199, 199);*/
    background-color: whitesmoke;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1.5%;
    padding-bottom: 3%;
    font-family: quando;
    font-size: 0.75vw;
}
.text_block{
    margin-top: 1vw;
    font-size: 1.8vw;
    margin-bottom: 1.8vw;
}

sup.big{
  font-size: 1vw;
}
.gif_caption{
  margin-top: 0.5%;
  font-size: 0.60vw; 
  text-decoration:underline;
}

.text_notes{
  margin-top: 0.5%;
  font-size: 0.60vw; 
}

.ispirazione_pics{
    height: 15vw; 
    margin-top: 1vw;
}
.work_pics{
    width: 40vw;
    margin-bottom: 1.5vh;
}
.imageCaption{
    margin-bottom: 1vw;
}
.note{
    font-size: 0.84vw; 
    margin-top: 1vw;
    margin-bottom: 1vw; 
}

/*mobile*/
@media screen and (max-width: 992px) {
  html{
    font-size: 1.8vh;
}
div.text_block{
  font-size: 1.8vh;
}
img.work_pics{
  max-width: 100%;
  width: 100%;
  height: inherit;
  margin-bottom: 0.5%;
}

img.ispirazione_pics{
  width: 60%;
  height: inherit;
}

video.work_pics{
  width: 100%;
  height: inherit;
}
div.text_notes{
  font-size: 1vh; 
  margin-bottom: 1.5vh;
  margin-top: 0.5vh;
}
div.gif_caption{
  font-size: 1vh; 
  margin-bottom: 1.5vh;
}

sup.big{
  font-size: 1vh;
}
div.imageCaption{
  font-size: 1vh;
}

}