@font-face {
    font-family: "Determination";
    src: url(determination.ttf) format("truetype");
  }


  body {
    height: 100vh;
    cursor: url(port-point-b.png), auto;
    background-color: #FDCBB0;
    text-align: center;
    font-family: "Determination", sans-serif;
    font-size: 75%;
    background-image: url(port-soba-tloris.png);
    background-position: top;
    background-size: 85%;
    background-repeat: no-repeat;
  }

  .nav {
    display: flex;
    z-index: 1;
    flex-direction: row;
    justify-content: center;
    align-content: center;
  }

  .footer {
    position: absolute;
    bottom: 10px;
    left: 45%;
  }

  h1 {
    padding: 10px;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  a:hover {
    color: #02464e;
  }


  img.bg {
    position: absolute 0 0;
    z-index: 0;
    width: 100vw;
  }

  .btn-dig {
    position: absolute;
    /* border: solid 3px red; */

    top: 225px;
    left: 475px;
  }

  #pc {
    width: 260px;
  }

  /* .btn-dig:hover {
    background-color: blue;
  } */

  .btn-graf {
    position: absolute;
    /* border: solid 3px red; */

    top: 565px;
    left: 1300px;
  }

  #grafike {
    width: 260px;
  }

  /* .btn-graf:hover {
    background-color: green;
  } */

  .btn-free {
    position: absolute;
    /* border: solid 3px red; */
    top: 300px;
    left: 960px;
  }

  #slike {
    width: 260px;
  }

  /* .btn-free:hover {
    background-color: yellow;
  } */

  .btn-me {
    position: absolute;
    /* border: solid 3px red; */
    width: 100px;
    height: 140px;

    top: 300px;
    left: 1350px;
  }

  #ogledalo {
    height: 210px;
  }

  /* .btn-me:hover {
    background-color: pink;
  } */