custom.css
<TEXT>

/* Global */
body {
    background: #F1F1F1;
}

/* A-FRAME */
.clickable {
  -moz-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

div.a-enter-ar {
  visibility: hidden;
}

#preload {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #F1F1F1;
}

#wrapper-dialogues {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    padding: 10px;
    width: 90%;
    max-width:800px;
    height:60%;
    overflow:scroll;
    overflow-x: hidden;
  }

/* Scalebar */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #555;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Dialogues */

#chat-fr {
position: relative;
top:1vh;
line-height: 1.5;
font-size: 1.2em;
color: #800000;
font-style: italic;
text-align: left;
margin-right: 25%;
}


#chat-re {
position: relative;
top:1vh;
line-height: 1.5;
font-size: 1.2em;
color: black;
text-align: right;
margin-left:25%;
}

/*button style */
.button {
  background-color: #F1F1F1;
  border-style: double;
  border-radius: 8px;
  border-color: black;
  color: black;
  padding: 6px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 2px 2px;
  cursor: pointer;
}

#reply {
  border-style: solid;
  border-radius: 8px;
  border-color: black;
  color: black;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
  margin: 2px 2px;
  cursor: pointer;
  position:fixed;
  bottom:15%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index:999;
}

#login {
  border-style: solid;
  border-radius: 8px;
  border-color: black;
  color: black;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
  line-height:1.5;
  margin: 2px 2px;
  cursor: pointer;
  position:fixed;
  top:60%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index:999;
}

#proceed {
  border-style: solid;
  border-radius: 8px;
  border-color: black;
  color: black;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
  margin: 2px 2px;
  cursor: pointer;
  position:fixed;
  bottom:0;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index:999;
}

/* texts */
#intro {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  line-height: 2;
  font-size: 1.5em;
  color: black;
  text-align: center;
  padding:10px;
}

#monologue {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  line-height: 2;
  font-size: 1.5em;
  color: black;
  font-style: italic;
  text-align: center;
  padding:10px;
}

#video-sub {
  display: inline-block;
  position: fixed;
  margin: auto;
  width:100%;
  max-width: 1200px;
  line-height: 1.5;
  font-size: 1.2em;
  color: black;
  padding:10px;
  overflow: scroll;
}

/* Media */
.video {
  position:fixed;
    width:auto; height:auto;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    max-height:70%;
}

.header {
  position:relative;
    top: 0;
    width: 100%;
    margin: auto;
}

.socialimg {
  position:fixed;
    width:auto; height:auto;
    top: 45%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    max-height:70%;
}

@media screen and (max-width: 768px) {
  #intro {
    font-size: 1.2em;
  }
  #monologue {
    font-size: 1.2em;
  }
  #video-sub {
    top: 80%;
    font-size: 1em;
  }
  #chat-fr {
    font-size: 1.2em;
  }
  #chat-re {
    font-size: 1.2em;
  }
  .video {
    width:100%; height: auto;
  }

  .socialimg {
    width:100%; height: auto;
  }

  @media screen and (max-width: 350px) {
    #intro {
      font-size: 1em;
    }
    #monologue {
      font-size: 1em;
    }
    #video-sub {
      font-size: 0.8em;
    }
    #chat-fr {
      font-size: 1em;
    }
    #chat-re {
      font-size: 1em;
    }

/* hidden ar button */
div.a-enter-ar {
  visibility: hidden;
}