.result {
    background: #FFFFFF50;
    backdrop-filter: blur(20px);
    border-radius: 10px;
    transform: translate(-50%, -50%);
    width: min(100vw, 600px);
}
.result:not(.show) {
    max-width: 0;
}
@media screen and (min-width: 800px) {
    main.mx-5 {
        max-width: 70%;
        margin-right: auto !important;
        margin-left: auto !important;
    }
  }