eaglelandsonce/RandomCanvasDraw

1body {2    font-family: Arial, sans-serif;3    margin: 0;4    overflow: hidden;5}6 7#threejs-container {8    width: 100%;9    height: 100vh;10    position: absolute;11    top: 0;12    left: 0;13}14 15#drop-container {16    display: flex;17    justify-content: space-around;18    margin: 20px auto;19    width: 90%;20    position: relative;21    z-index: 1;22}23 24.drop-area {25    border: 2px dashed #ccc;26    border-radius: 20px;27    width: 45%;28    padding: 20px;29    text-align: center;30    cursor: pointer;31    background-color: #f9f9f9;32}33 34.drop-area p {35    margin: 0;36    font-size: 16px;37    color: #333;38}39 40input[type="file"] {41    display: none;42}43 44.file-display-area {45    margin-top: 20px;46    border-top: 1px solid #ccc;47    padding-top: 10px;48}49 50#fileList {51    list-style: none;52    margin-top: 20px;53    padding-left: 0;54}55 56#fileList li {57    margin: 5px 0;58    font-size: 14px;59    color: #333;60}61 62.audio-button {63    display: block;64    margin: 20px auto;65    background-color: #4CAF50;66    color: white;67    border: none;68    padding: 10px 20px;69    font-size: 16px;70    cursor: pointer;71    border-radius: 5px;72}73 74audio {75    display: block;76    margin: 20px auto;77}78