#canvas{
    border: 5px solid black;
    height: 500px;
    width: 900px;
    margin-bottom:2em;
    background-color: black;
}

#container {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items:center;
    text-align: center;
    flex-direction: column;
}



input[type="color" i] {
    appearance: auto;
    inline-size: 50px;
    block-size: 27px;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    color: buttontext;
    border-width: 1px;
    border-style: solid;
    border-color: buttonborder;
    border-image: initial;
    padding: 1px 2px;
}

h1{
    color: rgb(60, 0, 92);
    font-family: Tahoma;
}

h4{
    color: rgb(70, 0, 78);
    font-family: Tahoma;
    
}

#notes, #enter_color, #enter_volume, #type_of_wave{
    margin-top: 10px;
}

#start_recording{
    margin-top: 25px;
}