.pumpkin-container {
    display: inline-block;
    width: 11vw;
    height: 11vh;
    position: relative;
    margin-left: 1vw;
    margin-right: 1vw;
}

.pumpkin {
    width: 11vw;
    height: 11vw;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transition: background-color 0.5s;
    z-index: 1;
}

.backpumpkin {
  display: none;
}

.pumpkin-container:hover .backpumpkin {
  display: block;
}

.text1 {
    color: rgb(146, 231, 66);
    font-size:  3vw;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    line-height: 1;
}

.text1-container {
    display: flex;
    width: 4vw;
    height: 4vh;
    position: relative;
}

.pretext1 {
    position: absolute;
    z-index:100;
}

.title {
    font-size: 10vw;
    font-family: 'Times New Roman', Times, serif;
    margin-top: 2vh;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.title-container {
    display: flex;
}

#foundation {
    margin-left: 1vw;
    margin-right: auto;
    margin-top: 3vh;
    transform: rotate(10deg);
}

.blinking {
    animation: blinker 10s linear infinite;
  opacity: 1;
}

.blinking2 {
  animation: blinker2 11s linear infinite;
opacity: 1;
}

.blinking3 {
  animation: blinker3 12s linear infinite;
opacity: 1;
}

.blinking4 {
  animation: blinker4 9s linear infinite;
opacity: 1;
}

.blinking5 {
  animation: blinker5 10s linear infinite;
opacity: 1;
}

@keyframes blinker {
    0% {
      opacity: 0;
    }
  
    2% {
      opacity: 1;
    }

    15% {
      opacity: 1;
    }

    17% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes blinker2 {
    0% {
      opacity: 1;
    }
  
    2% {
      opacity: 0;
    }

    88% {
      opacity: 0;
    }

    90% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes blinker3 {
    0% {
      opacity: 0;
    }

    18% {
      opacity: 0;
    }
  
    20% {
      opacity: 1;
    }

    30% {
      opacity: 1;
    }

    32% {
      opacity: 0;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes blinker4 {
    0% {
      opacity: 1;
    }
  
    2% {
      opacity: 0;
    }

    80% {
      opacity: 0;
    }

    82% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes blinker5 {
    0% {
      opacity: 1;
    }
  
    2% {
      opacity: 0;
    }

    70% {
      opacity: 0;
    }

    72% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

#publishing {
    margin-left: 72vw;
    margin-right: 1vw;
    margin-top: 10vh;
    transform: rotate(-10deg);
}

#lab {
    margin-left: 45vw;
    margin-right: 1vw;
    margin-top: 5vh;
    transform: rotate(-5deg);
}

#studio {
    margin-left: 60vw;
    margin-right: 1vw;
    margin-top: 2vh;
    transform: rotate(5deg);
}

#agency {
    margin-left: 30vw;
    margin-right: 1vw;
    margin-top: 12vh;
    transform: rotate(2deg);
}

@font-face {
    font-family: "trattatello";
    src: url("Trattatello.ttf")
}

.subtitle {
    font-family: "benguiat gothic";
    font-size: 2vw;
    color: rgb(255, 89, 0);
}

@font-face {
    font-family: "benguiat gothic";
    src: url("Benguiat\ Gothic\ Bold.ttf");
}

.mullacontainer {
  position: relative;
}

.mullatykk {
    width: 80vw;
    position: absolute;
    margin-top: 2vh;
    margin-left: 9vw;
}

.projectcontainer {
    width: 11vw;
    position: relative;
    z-index:100;
    margin-top: 1vh;
    margin-left: 20vw;
}

.pumpkin2 {
  width: 105%;
  margin-top: 15vh;
}

.muru {
  position: fixed;
  bottom: 0px;
  left: 0px;
  bottom: -5px;
  width: 100vw;
  z-index:1;
}

img {
  width: 100%;
}

.projectpealkiri {
  display: none;
  position: absolute;
  top: 55%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-size: 2vw;
  line-height: 2vw;
  margin-top: 7vh;
}

.projectcontainer:hover .projectpealkiri {
  display: block;
}

.body {
    cursor: url("pumpkincursor.png"), auto;
    background-color: rgb(255, 255, 255);
}

/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
    width: 50%;
    padding: 20px;
    border: 2px solid rgb(101, 174, 82);
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
    font-family: 'Times New Roman', Times, serif;
  }
  
  /* Style the label to display next to the inputs */
  label {
    padding: 12px 12px 12px 0;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(101, 174, 82);
    padding: 12px;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(101, 174, 82);
  }
  
  /* Style the submit button */
  input[type=submit] {
    background-color: rgb(255, 255, 255);
    color: rgb(101, 174, 82);;
    font-family: 'Times New Roman', Times, serif;
    font-size: 3vw;
    padding: 12px 20px;
    border: 2px solid rgb(101, 174, 82);
    border-radius: 4px;
    float: right;
  }
  
  /* Style the container */
  .container {
    border-radius: 5px;
    border: 2px solid rgb(101, 174, 82);
    background-color: transparent;
    padding: 20px;
  }
  
  /* Floating column for labels: 25% width */
  .col-25 {
    float: left;
    width: 20%;
    margin-top: 6px;
  }
  
  /* Floating column for inputs: 75% width */
  .col-75 {
    float: left;
    width: 50%;
    margin-top: 6px;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 800px) {
    .col-25, .col-75, input[type=submit] {
      width: 50%;
      margin-top: 0;
    }
  }

.sisutekst {
  position: relative;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 200px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 24px;
  margin-left: 3vw;
  margin-right: 3vw;
}

.pealkiri {
  position: relative;
  margin-top: 1500px;
  margin-bottom: 3px;
  color: rgb(146, 231, 66);
  font-size:  3vw;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}