body {
    background-image: url(./image.png);
    backdrop-filter: blur(2px);
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.first-container {
    transition: 400ms ease-in-out;
    background-color: rgba(139, 255, 104, 0.458);
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    line-height: 200%;
    font-size: large;
}

.first-container:hover {
    transition: 400ms ease-in-out;
    background-color: rgba(139, 255, 104, 0.582);
         font-size: 500%;
    letter-spacing: 50px;
}

.second-container {
    transition: 400ms ease-in-out;
    background-color: rgba(255, 255, 255, 0.458);
    width: auto;
    margin: 3% 10% 0 10%;
    padding: 1% 1% 1% 1%;
    height: auto;
    display: block;
    text-align: center;
    border: 1mm gray dashed;
    border-radius: 1cm;
}

.second-container:hover {
    transition: 400ms ease-in-out;
     background-color: rgba(255, 255, 255, 0.582);
     border: 1mm hwb(0 0% 50%) dashed;
     border-radius: 2cm;
}

.third-container {
    transition: 400ms ease-in-out;
    background-color: rgba(104, 247, 255, 0.458);
    width: auto;
    margin-top: 2%;
    height: auto;
    display: block;
    text-align: center;
    line-height: 200%;
}

.third-container:hover {
    transition: 400ms ease-in-out;
     background-color: rgba(104, 247, 255, 0.582);
         font-size: 500%;
    letter-spacing: 50px;
}