@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* {
    font-family:'Roboto';
    box-shadow: 0px 0px 0px 0px rgba(100,150,255,0.5);
    transition:box-shadow 0.1s;
    margin:5px;
    border-width:0px;
    border-style:solid;
    border-radius:5px;
    border-color:rgba(100,150,255,0.5);
}
.p5canvas {
    position: absolute;
    left:300px;
}
button {
    background-color:rgba(100,150,255,1);
    padding:5px;
    cursor: pointer;
}

*:focus {
        -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    box-shadow:0px 0px 0px 3px rgba(100,150,255,0.5);
    outline:none;
}

#avg {
    transition:color 0.3s;
}