html,
body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #111;
}

body {
    background-image: url('./images/bg-fhd.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

canvas {
    display: block;
    background: transparent;
}

.top {}

.container {
    max-width: 1280px;
    padding: 30px 0;
}

.top__inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.top__title {
    grid-row: 1 / 3;
    grid-column: 1 / 7;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    font-size: 2em;
    max-height: 300px;
}

.top__geoContent {
        grid-row: 2 / 3;
    grid-column: 1 / 7;
        /* display: flex;
    align-items: flex-start;
    justify-content: center; */
    font-size: 2em;
}

form {
    min-height: 200px;
}

.top__scene-container {
         grid-row: 1 / 3;
    grid-column: 7 / 13;   
        width: 100%;
    height: 100vh; /* або потрібна вам висота */
}

#live2d-wrapper {
  position: relative;
  width: 100%;  /* або 100% */
  height: 100%; 
  /* overflow: hidden; */
}

#live2d-canvas {
  display: block;
  /* position: relative; */
    /* width: 100%;  
  height: 100%;  */
}