body{
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  
  #container{
    background-image: url("/photos/fondforet.jpeg"), 
    linear-gradient(90deg, #292a30 .1em, transparent .1em);
    height: 100vh;
    width: 100vw;
  }

  #card{
    width: 300px;
    height: 300px;
    background-image: url("/photos/shredding.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 360px;
    border-width: 5px;
    border: rgb(41, 9, 9);
    cursor: pointer;
    position: absolute;
  }

  body{
    font-family: "Trattatello", fantasy, monospace;
    font-size: larger;
  }

  .num1 {
    -webkit-transform: translate(3px, 30px) rotate(-50deg);
  }
  .num2 {
    -webkit-transform: translate(0px, 15px) rotate(-45deg);
  }
  .num3 {
    -webkit-transform: translate(0px, 00px) rotate(-40deg);
  }
  .num4 {
    -webkit-transform: translate(0px, -13px) rotate(-32deg);
  }
  
  span {display: inline-block; margin: 1px;}