@import url('https://fonts.googleapis.com/css?family=Caprasimo');
body {
/* Extra  */
}

.nametop {
  font-family: "Caprasimo";
  text-align: top;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: left;
  height: 100vh;
  letter-spacing: 1px;
  line-height:2
}

h10a {
/*            */
/*  background-image: url("./img/water.webm");*/
  background-image: url("./img/water.gif");
  background-size: cover;
  color: transparent;
  -moz-background-clip: text;
  -webkit-background-clip: text;
/*  text-transform: uppercase; */
  font-size: 150px;
  margin: 10px 0;
}

@media screen and (max-width: 1200px) {
  h10a {
    font-size: 120px;
    margin: 10px 0;
  }
}

@media screen and (max-width: 600px) {
  h10a {
    font-size: 60px;
    margin: 6px 0;
  }
}

@media screen and (max-width: 400px) {
  h10a {
    font-size: 40px;
    margin: 4px 0;
  }
}